a.white-btn {
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 0.85em;
	margin-top: 1.25em;
	padding: 0.625em 1.25em;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
a.white-btn:hover {	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);}
a.color-btn, form.customform button.color-btn {
	background: none;
	border: 1px solid #001925;
	border-radius: 3px;
	color: #001925;
	display: block;
	font-size: 0.85em;
	padding: 0.625em 1.25em;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
.nopadding{padding:0;}
.center{text-align:center;}
.mojileft{text-align:left;}

#btn {background: #13448f;border-radius: 3px;color: #ffffff;font-weight: 600;padding: 12px; 6px }
#btn:hover {background: #2C74E0;color: #ffffff !important; }
#topic2 { font-size: 1.2em;    color: #FFF;    padding: 5px;    background: #13448f;    box-shadow: 2px 2px 5px 1px rgba(14,13,14,0.75);}
#topic3 { font-size: 1.2em;  color: #13448f;font-weight:bold;margin-bottom:5px;border-bottom: 2px solid #13448f;}
h2.h2-Topic {    color: #13448f; font-size: 150%; line-height: 150%; overflow: hidden; text-align: center;}
h2.h2-Topic .txt { display: inline-block; margin: 0; padding: 0 1em; position: relative; text-align: center;}
h2.h2-Topic .txt::before {right: 90%;}
h2.h2-Topic .txt::before, h2.h2-Topic .txt::after { background-color: #a5a5a5; content: ''; height: 1px; position: absolute; top: 50%; width: 300%;}
#gaiyou{background: #FFF;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);}
#news{background: #D2DDEA;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);} 
#katudou{background: #FFF;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);padding:20px 0 ;}
#newstopic{color:#2C74E0;}
#newscontent{color:#333;}
#blue{color:#13448f;}
#black{color:#6c7c84;}
#white{color:#FFF}
.logo a{color:#333;} .logo a:hover{color: #00A0E9;}
a.color-btn:hover, form.customform button.color-btn:hover {	border: 1px solid #92c500;	color: #92c500;}
#smaho {display: none;}
#small1 {font-size: 0.75em;}
#topbar {	background: none repeat scroll 0 0 #012232;	border-bottom: 1px solid #001925;	padding: 0.3125em 0;}
#topbar p {	color: #fff;	font-size: 0.75em;	opacity: 0.5;	position: relative;	top: 2px;}
#topbar p strong {	font-weight: 600;}
#topbar i {
	color: #ffffff;
	font-size: 1.1em;
	opacity: 0.5;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
.img5 {    border-radius: 5% 5% 5% 5%;}
#topbar i:hover {	color: #92c500;	cursor: pointer;opacity: 1;}
nav {	background: none repeat scroll 0 0 #FFF;}
header {	border-bottom: 4px solid rgba(0, 40, 58, 0.53);	position: fixed;width: 100%;z-index: 10;font-family:'DOsis',sans-serif;}
div.logo {color: #333;font-size: 1.5em;font-weight: 300;position: relative;padding-top:10px;}
div.logo strong {font-weight: 700;}
.top-nav li a {
	border-top: 0px solid #13448f;
	color: #333;
	font-size: 1em;
	font-weight: 600;
	padding: 1.1em 1.5em 1.1em;
	text-transform: uppercase;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
.top-nav li a:hover, .top-nav li.active-item a {
	background: none repeat scroll 0 0 #13448f;
	border-top: 0px solid #FFF;
	color: #FFF;
	position: relative;
}
#carousel .text {	position: absolute;	top: 40%;	z-index: 10;}
.item {	overflow: hidden;	width: 100%;}
.prev-arrow, .next-arrow {
	background: none repeat scroll 0 0 #13448f;
	cursor: pointer;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 1px;
	text-align: center;
	width: 30px;
}
#carousel .text h2 {
	background: none repeat scroll 0 0 rgba(146, 197, 0, 0.8);
	color: #fff;
	display: inline-block;
	font-size: 2em;
	font-weight: 300;
	margin: 1px 0;
	max-width: 600px;
	padding: 10px 20px;
	width: 100%;
}
#carousel .text p {	background: none repeat scroll 0 0 #00283a;	color: #fff;	max-width: 600px;	padding: 10px 20px;	width: 100%;}
#carousel .owl-dots {	background: none repeat scroll 0 0 rgba(0, 40, 58, 0.53);	bottom: 0;	margin: 0;	padding: 0.625em 0;	position: absolute;	width: 100%;}
.owl-carousel.owl-theme .owl-dot span {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 3px solid rgba(0, 40, 58, 0.57);
	height: 18px;
	margin: 0 0.3125em;
	opacity: 1;
	width: 18px;
}
.owl-carousel.owl-theme .owl-dot.active span, .owl-carousel.owl-theme .owl-dot:hover span {
	background: none repeat scroll 0 0 #92c500;
}
#first-block {
	background: none repeat scroll 0 0 #333;
	padding: 3em 2em;
	text-align: center;
}
#first-block h1 {
	color: #fff;
	font-size: 2em;
	font-weight: 300;
	margin-top: 0;
}
#first-block p {
	color: #6c7c84;
	font-size: 0.85em;
}
#features {
	background: none repeat scroll 0 0 #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	padding: 6em 2em;
	position: relative;
	text-align: center;
	z-index: 2;
}
#features i {
	background: none repeat scroll 0 0 #92c500;
	border-radius: 100px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3) inset;
	color: #fff;
	display: inline-block;
	font-size: 2em;
	height: 100px;
	line-height: 100px;
	text-align: center;
	width: 100px;
}
#features h2 {
	font-size: 1em;
	font-weight: 600;
	margin: 1.25em 0;
	text-transform: uppercase;
}
#features p {
	color: #777;
	font-size: 0.85em;
	line-height: 1.5em;
}
#about-us {
	background: none repeat scroll 0 0 #00283a;
	clear: both;
}
#about-us:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
#about-us article {	padding: 2em 0.2em;}
article h2 {
	font-size: 2.2em;
	font-weight: 900;
	letter-spacing: -2px;
	line-height: 0.9;
	margin: 0 0 0.625em 0
}
article h1, article h2, article h3, article h4, article h5, article h6 {
	color: #fff;
}
.media-container {
  overflow: hidden;
}
.media-container video, .media-container img {
  display: block;
  height: 100%;
  max-width: none;
  min-width: 100%;
  width: auto;
}
article p, article li {
	color: #fff;
	font-size: 0.85em;

}
article ul {
	padding: 1.25em 0;
}
article ul li {
	list-style-type: none;
	margin: 0.625em 0;
	padding: 0 0 0 1em;
}
article ul li:before {
	background: #00283a none repeat scroll 0 0;
	color: #fff;
	content: "\f006";
	display: inline-block;
	font-family: "mfg";
	font-size: 0.8em;
	height: 20px;
	line-height: 20px;
	margin-left: -1em;
	margin-right: 0.625em;
	text-align: center;
	width: 20px;
}
.about-us-icons i {
	border: 2px solid #92c500;
	border-radius: 100px;
	color: #92c500;
	display: block;
	float: left;
	font-size: 1.6em;
	height: 60px;
	line-height: 60px;
	margin-right: 0.625em;
	text-align: center;
	width: 60px;
}
.about-us-icons {display: block;margin-top: 2em;}
h2.section-title:after { background: #999 none repeat scroll 0 0; content: "";	display: block;	height: 1px;margin: 0.31225em auto 0;position: relative;/*width: 100px;*/}
h2.section-title {color: #333;font-size: 2.2em;letter-spacing: -1px;	margin: 0 0 1.25em;	text-align: center;	text-transform: uppercase;}
#our-work {	background: none repeat scroll 0 0 #fff;	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);	padding: 6em 2em;	position: relative;	z-index: 2;}
.tab-item {	background: #fff none repeat scroll 0 0;	margin-top: 1.25em;	padding: 1.25em 0;}
.our-work-container {	display: block;	height: 100%;	position: relative;}
.our-work-text {
	background: #00283a none repeat scroll 0 0;
	bottom: 0;
	display: block;
	left: 0;
	opacity: 0;
	padding: 1.25em;
	position: absolute;
	right: 0;
	text-align: center;
	transition: opacity 0.20s linear 0s;
	-o-transition: opacityd 0.20s linear 0s;
	-ms-transition: opacity 0.20s linear 0s;
	-moz-transition: opacity 0.20s linear 0s;
	-webkit-transition: opacity 0.20s linear 0s;
	width: 100%;
}
.our-work-container:hover > .our-work-text {	opacity: 1;}
.our-work-text h4 {	color: #fff;	font-size: 1em;	font-weight: 600;}
.our-work-text p {	color: #fff;	font-size: 0.8em;	opacity: 0.7;}
.tab-nav {	display: table;}
a.tab-label, a.tab-label:link, a.tab-label:visited {
	background: #00283a none repeat scroll 0 0;
	color: #fff;
	display: block;
	font-size: 1em;
	padding: 0.625em 1.25em;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
a.tab-label:hover, a.tab-label.active-btn {	background: #92c500;	color: #fff;}
#info {	background: #8FC31F none repeat scroll 0 0;	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);	padding: 4em 1em;}
#info h2 {	color: #171C61;	margin: 0 0 1.25em;}
#info h2.section-title:after {
	background: #fff none repeat scroll 0 0;
}
#info i {
	background: none repeat scroll 0 0 #fff;
	border-radius: 80px;
	color: #6f9600;
	display: block;
	float: left;
	font-size: 1.8em;
	height: 80px;
	line-height: 80px;
	margin-right: 0.625em;
	text-align: center;
	width: 80px;
}
.clear{clear: both;}
.service-text {	display: table;	position: relative;}
#info h3 {	color: #171C61;	font-size: 1em;	font-weight: 700;	text-transform: uppercase;}
#info p {	color: #171C61;	font-size: 0.8em;line-height:2;}
div.toku {	background-color: #E94C62;color:#fff;font-size: 1.2em;padding: 0.7em 1.5em;margin:auto;border-radius: 5px;text-align:center;}
#show {	background: #f3f3f3 none repeat scroll 0 0;	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);	padding: 4em 1em;	position: relative;	z-index: 3;}
#schedule {	background: #fff none repeat scroll 0 0;	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);	padding: 4em 1em;	position: relative;	z-index: 3;}
.schedule-date {background: #6f9600 none repeat scroll 0 0;	clear: both;	color: #fff;	display: block;	float: none;	padding: 0.625em 0;	text-align: center;	width: 100%;}
.schedule-text {background: #fff none repeat scroll 0 0;	padding: 0.625em 1.25em;}
.schedule-text p {	color: #777;	font-size: 0.85em;}
#sakuhin {	background: #f3f3f3 none repeat scroll 0 0;	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);	padding: 4em 1em;	position: relative;	z-index: 3;}
#contact {	background: none repeat scroll 0 0 #fff;	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);	padding: 4em 1em;	position: relative;	z-index: 2;}
#contact input, #contact textarea {	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);	border-radius: 3px;}
form.customform button.color-btn {	height: auto;	margin-top: 0;}
#contact h2 {	margin: 0 0 1.25em;}
#contact h3 {	color: #92c500;	font-size: 1em;	font-weight: 700;	margin: 0 0 0.625em;	text-transform: uppercase;}
#contact p {	font-size: 0.85em;	font-style: normal;	line-height: 2em;}
#contact p strong {	font-weight: 700;}
#contact i {	background: #e0e0e0 none repeat scroll 0 0;	border-radius: 30px;	color: #fff;	display: inline-block;	line-height: 26px;	margin: 0.625em;	text-align: center;	width: 26px;}

#privacy {	background: #f3f3f3 none repeat scroll 0 0;	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);	padding: 4em 1em;	position: relative;	z-index: 3;}
#privacy p.main{font-size:1em;}
#privacy p{	font-size:0.8em;}
footer {	background: none repeat scroll 0 0 #333;	padding: 1em 1em;}
footer p, footer a:visited, footer a, footer a:hover {	color: #6c7c84;	font-size: 0.8em;}
@media screen and (max-width: 768px) {
  header{ position: fixed;  }  
  .top-nav li a { 	background: #333 none repeat scroll 0 0;}
  #carousel .text {	font-size: 0.8em; 	top: 20%;  }
  .owl-controls.clickable {	display: none!important; }
  .right {	float: none;  }
  .social.right { 	float: right;  }
  #about-us article {  	padding: 2em 1em;  }
   div.logo, p.nav-text { 	text-align: center; }
    .nav-text {  color:#fff;  display:inline-block; }
	  #first-block h1 {font-size: 1.5em;}
  h2.section-title {font-size: 1.5em;}
  h2 {   font-size:1.2em;}
  article h2 {    font-size:1.2em;}
  h4 {   font-size: 1.2em;}
  h1 {   font-size: 1.5em;}
}
@media screen and (max-width: 480px) {
.owl-dots{display:none;}
  #topbar {	line-height: 1.625em;	text-align: center; }
  .social.right { 	float: none;  }
  div.logo, p.nav-text { 	text-align: center; font-size: 1.3em;}
  .top-nav li a {border-top: 2px solid #333;color:#FFF}
  .top-nav li a:hover, .top-nav li.active-item a {	background: none repeat scroll 0 0 #13448f;	border-top: 2px solid #333;	color: #FFF;position: relative;}
  #first-block h1 {font-size: 1.5em;}
  h2.section-title {font-size: 1.5em;}
  h2 {   font-size:1.2em;}
  article h2 {    font-size:1.2em;}
  h4 {   font-size: 1.2em;}
  h1 {   font-size: 1.5em;}
  .nav-text {  color:#333;  display:inline-block; }
  #pc {	display: none;}
  #smaho {	overflow: hidden;	height: 100%;display:block;}

}
}