@import url(http://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700);
@import url(http://fonts.googleapis.com/css?family=Cardo:400,400italic,700);
/* ==========================================================================
Typography
========================================================================== */
p {
	font-size: 14px;
	line-height: 22.4px;
	color: #6c7279; }

h1 {
	font-size: 65px;
	color: #2d3033; }

h2 {
	font-size: 40px;
	color: #2d3033; }

h3 {
	font-size: 28px;
	color: #2d3033;
	font-weight: 300; }

h4 {
	font-size: 22px;
	color: #2d3033;
	font-weight: 400; }

h5 {
	font-size: 14px;
	color: #2d3033;
	text-transform: uppercase;
	font-weight: 700; }

.btn {
	background-color: #e84545;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	border: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	text-transform: uppercase; }
	.btn:hover, .btn:focus {
	background-color: #e52e2e;
	color: #fff; }
	.btn-large {
	padding: 15px 40px; }

.mo {
	display: none;
}
	@media screen and (max-width: 1280px) {
		.mo {
				display: block;
			}
	}

/* ==========================================================================
	General Styles
========================================================================== */
a {
	color: #e84545; }

a:hover, a:focus {
	text-decoration: none;
	-moz-transition: background-color, color, 0.3s;
	-o-transition: background-color, color, 0.3s;
	-webkit-transition: background-color, color, 0.3s;
	transition: background-color, color, 0.3s; }

body {
	font-family: "Raleway", sans-serif;
	font-weight: 400;
	color: #6c7279;
}

ul, ol {
	margin: 0;
	padding: 0; }

ul li {
	list-style: none; }

.section {
	padding: 100px 0; }

.no-padding {
	padding: 0; }

.no-gutter [class*=col-] {
	padding-right: 0;
	padding-left: 0; }

/* ==========================================================================
	$Header
========================================================================== */
#header {
	position: fixed;
	width: 100%;
	z-index: 999;
	margin :0px;
	padding: 0px;
}

#header .header-content {
/*	border-bottom: 1px solid rgba(255, 255, 255, 0.15);*/
	margin: 0 auto;
	max-width: 1170px;
	padding: 10px 0px 10px 0px;
	width: 100%;
	-moz-transition: padding 0.3s;
	-o-transition: padding 0.3s;
	-webkit-transition: padding 0.3s;
	transition: padding 0.3s;
	text-align: center;
}
#header .logo {
	margin: 0px auto 0px auto;
}

#header.fixed {
	background-color: #10016a;
}
#header.fixed .header-content {
	border-bottom: 0;
	padding: 25px 0px 25px 0px;
}
#header.fixed .nav-toggle {
	top: 18px;
}


.head_title {
	color: #ffffff;
	font-size: 2em;
	font-family: "Hiragino Kaku Gothic Std","ƒqƒ‰ƒMƒmŠpƒS Std","Osaka","‚l‚r ‚oƒSƒVƒbƒN";	text-align: center;
	line-height: 1.2em;
	background-color: #10016a;
	padding: 7px 0px 5px 0px;
	@media only screen and (max-width: 767px) {
		font-size: 1.5em;
	}
}
.head_title strong {
	color: #faff00;
}

/* ==========================================================================
	$Banner
========================================================================== */
.banner {
/*	background-image: url(../images/banner.jpg);
	background-position: center top;*/
/*	background-repeat: no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;*/
	min-height: 75px;
	margin: 0px;
	padding: 0px;
	@media only screen and (max-width: 767px) {
		webkit-background-size: cover;
/*		background-image: url(../images/banner_m.jpg);
		background-repeat: no-repeat;*/
		background-size: 100%;
		background-position: 0px 130px;
		min-height: 70px;
		padding: 0px 0px 0px 0px;
	}
}

.area1 {
	text-align: center;
	padding: 30px 10px 30px 10px;
}


.demo-ttl{
	background-color: #000;
	padding: 15px;
}
.demo-inner{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.demo-mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-mask-image: url('../images/ttl.svg'); mask-image: url('../images/ttl.svg');
	-webkit-mask-size: 100% auto; mask-size: 100% auto;
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
	-webkit-mask-position: left top; mask-position: left top;
}
.demo-hikari{
	position: absolute;
	top: -2%;
	left: -60%;
	width: 60%;
	padding: 60% 0 0;
	background-image: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 75%);
	transform: skewX(30deg);
	animation-name: demo_kirari;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes demo_kirari{
	100%{
		left: 100%;
	}
}

.greeting {
	display: none;
	@media only screen and (max-width: 767px) {
		webkit-background-size: cover;
		display: block;
		background-image: url(../images/banner_03.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		min-height: 700px;
		margin: 100px 0px 0px 0px;
		padding: 20px;
	}
}
.greeting strong {
	color: #b00000;
	font-size: 2.0em;
	line-height: 2em;
	text-shadow: #FC0 1px 0 10px;
}
.greeting p {
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1.5em;
	text-shadow: #FC0 1px 0 10px;
}


.banner-text {
	padding-top: 25%; }
	.banner-text h1 {
	color: #b00000;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	filter: drop-shadow(0 0 0.5rem rgb(255, 255, 255));
	}
	.banner-text p {
	color: #232323;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.5;
	margin-bottom: 80px; }


div.front {
	text-align: center;
}
div.front h3 {
	line-height: 1.5em;
	font-weight: bold;
}
div.front img {
	width: 100%;
}
div.front p {
	font-size: 1.5em;
	line-height: 1.7em;
	text-align: left;
	padding: 20px 20px 20px 20px;
}
div.front h3 {
	color: #10016a;
}

/* ==========================================================================
	$Features
========================================================================== */
.feature {
	margin-bottom: 50px; }
	.feature-content {
	padding: 0 15px;
	margin-top: 30px; }
	.feature .icon {
	color: #e84545;
	font-size: 60px; }

/* ==========================================================================
	$Works
========================================================================== */
.work {
		-moz-box-shadow: 0 0 0 1px #fff;
		-webkit-box-shadow: 0 0 0 1px #fff;
		box-shadow: 0 0 0 1px #fff;
/*		min-height: 350px;*/
		overflow: hidden;
		position: relative;
		visibility: hidden;
	}
	.work .overlay {
		background: rgba(232, 69, 69, 0.9);
		height: 100%;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		width: 100%;
		-moz-transition: opacity, 0.3s;
		-o-transition: opacity, 0.3s;
		-webkit-transition: opacity, 0.3s;
		transition: opacity, 0.3s;
	}	
	.work .overlay-caption {
		position: absolute;
		text-align: center;
		top: 50%;
		width: 100%;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%); }
		.work h5, .work p, .work img {
		-moz-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		-webkit-transition: all, 0.5s;
		transition: all, 0.5s;
	}
	.work h5, .work p {
		color: #fff;
		margin: 0;
		opacity: 0;
	}
	.work h5 {
		margin-bottom: 5px;
		-moz-transform: translate3d(0, -200%, 0);
		-ms-transform: translate3d(0, -200%, 0);
		-webkit-transform: translate3d(0, -200%, 0);
		transform: translate3d(0, -200%, 0);
	}
	.work p {
		-moz-transform: translate3d(0, 200%, 0);
		-ms-transform: translate3d(0, 200%, 0);
		-webkit-transform: translate3d(0, 200%, 0);
		transform: translate3d(0, 200%, 0);
	}
	
	@media screen and (max-width: 1280px) {
		.work-box img {
				width: 100%;
				margin: 0px 0px 10px 0px;
			}
	}
		
.work-box:hover img {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2); }
.work-box:hover .overlay {
	opacity: 1; }
	.work-box:hover .overlay h5, .work-box:hover .overlay p {
	opacity: 1;
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }

/* ==========================================================================
	$Teams
========================================================================== */
.person {
	max-width: 270px;
	margin: 0px auto 0px auto;
}
.person h3 {
	color: #e84545;
}
	.person-content {
	margin-top: 20px; }
	.person h4 {
	font-weight: 400; }
	.person h5 {
	color: #e84545;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 20px; }

.social-icons, .footer .footer-share {
	margin-top: 30px; }
	.social-icons li, .footer .footer-share li {
	float: left; }
	.social-icons a, .footer .footer-share a {
	border: 1px solid #e8ecee;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #c6cacc;
	display: block;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	margin-right: 5px;
	text-align: center;
	width: 40px; }
	.social-icons a:hover, .footer .footer-share a:hover {
		background-color: #e84545;
		border-color: #e84545;
		color: #fff; }

/* ==========================================================================
	$Testimonials
========================================================================== */
.testimonials {
	background-color: #e8e9f2;
/*	background-color: #53354a;*/
/*	background-color: #e69e6a;*/
	position: relative; }
	.testimonials blockquote {
	border: 0;
	margin: 0;
	padding: 100px 15% 0; }
	.testimonials p {
/*	color: #fff;*/
	font: italic 36px "Cardo", Georgia, "Times New Roman", serif; }
	.testimonials cite {
	color: #fff;
	display: block;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	margin-top: 30px;
	text-transform: uppercase; }

/* ==========================================================================
	$Download
========================================================================== */
.container h2 {
	color: #10016a;
	border-bottom: 3px solid #10016a;
}
.download h3 {
	margin-top: 0; }
.download p {
	color: #2d3033;
/*	font-weight: 600;*/
	text-transform: uppercase; }
.download .btn {
	margin-top: 30px; }
	


.container2 {
	width: 1200px;
	padding: 120px 15px 15px 15px;
	margin: 0px auto 0px auto;
}
	@media screen and (max-width: 1280px) {
		.container2 {
				width: 100%;
				background: #e8e9f2;
				padding: 15px 15px 10px 15px;
			}
	}
.container2 p {
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 10px 0px 0px 0px;
}
.container2 strong {
	font-size: 1.7em;
	line-height: 1.8em;
	font-family: "Hiragino Kaku Gothic Std","ƒqƒ‰ƒMƒmŠpƒS Std","Osaka","‚l‚r ‚oƒSƒVƒbƒN";
	color: #10016a;
}


.container3 {
	width: 1200px;
/*	background-image: url(../images/background_01.jpg);
	background-color: rgba(255,255,255,0.3);
	background-blend-mode: lighten;*/
	background-color: #e8e9f2;
	padding: 10px 15px 10px 15px;
	margin: 0px auto 0px auto;
}
	@media screen and (max-width: 1280px) {
		.container3 {
				width: 100%;
			}
	}
.container3 h2 {
	color: #10016a;
	border-bottom: 3px solid #10016a;
}
.container3 h3 {
	color: #faff00;
	font-size: 1.5em;
	line-height: 1.2em;
	background-color: #10016a;
	margin: 0px 0px 5px 0px;
	padding: 5px;
}
.container3 p {
	color: #10016a;
	font-size: 1.3em;
	line-height: 1.2em;
}


/* ==========================================================================
	$Footer
========================================================================== */
.footer {
	text-align: center; }
	.footer-top {
/*	background-color: #3a3e64;*/
	background-color: #10016a;
	padding: 50px 20px 0px 20px;
}
	
.footer-bottom {
	background-color: #10016a;
	padding: 20px 0;
}
	.footer .footer-col {
	margin-bottom: 80px; }
	.footer h5 {
	color: #fff; }
	.footer h5 {
	margin-bottom: 20px; }
	.footer p {
	color: rgba(255, 255, 255, 0.5); }
	.footer a {
	color: #fff; }
	.footer a:hover {
		color: #e84545; }
	.footer .footer-share {
	margin-top: 0; }
	.footer .footer-share li {
		display: inline-block;
		float: none; }
	.footer .footer-share a {
		border-width: 2px;
		color: #fff; }
	.footer .fa-heart {
	color: #e84545;
	font-size: 11px;
	margin: 0 2px; }

/* ==========================================================================
	$Utilities
========================================================================== */
.work:nth-child(1) {
	-moz-animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s; }
.work:nth-child(2) {
	-moz-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s; }
.work:nth-child(3) {
	-moz-animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s; }
.work:nth-child(4) {
	-moz-animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s; }
.work:nth-child(5) {
	-moz-animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s; }
.work:nth-child(6) {
	-moz-animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s; }
.work:nth-child(7) {
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s; }
.work:nth-child(8) {
	-moz-animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s; }

.animated {
	visibility: visible; }

/* ==========================================================================
	Font Icon (http://www.elegantthemes.com/blog/freebie-of-the-week/free-line-style-icons)
========================================================================== */
@font-face {
	font-family: "elegant-theme-line";
	src: url('../fonts/elegant-theme-line.ttf?1439850014') format('truetype'), url('../fonts/elegant-theme-line.eot?1439850014') format('embedded-opentype'), url('../fonts/elegant-theme-line.svg?1439850014') format('svg'), url('../fonts/elegant-theme-line.woff?1439850014') format('woff'); }
.icon {
	font-family: 'elegant-theme-line';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.icon-mobile:before {
	content: "\e000"; }

.icon-laptop:before {
	content: "\e001"; }

.icon-desktop:before {
/*	content: "\e002"; }*/
	content: url('../images/icon_02.png');
	filter: brightness(0) saturate(100%) invert(65%) sepia(35%) saturate(5489%) hue-rotate(23deg) brightness(99%) contrast(87%);
}
.icon-tablet:before {
	content: "\e003"; }

.icon-phone:before {
	content: "\e004"; }

.icon-document:before {
	content: "\e005"; }

.icon-documents:before {
	content: "\e006"; }

.icon-search:before {
	content: "\e007"; }

.icon-clipboard:before {
	content: "\e008"; }

.icon-newspaper:before {
	content: "\e009"; }

.icon-notebook:before {
	content: "\e00a"; }

.icon-book-open:before {
	content: "\e00b"; }

.icon-browser:before {
	content: "\e00c"; }

.icon-calendar:before {
	content: "\e00d"; }

.icon-presentation:before {
	content: "\e00e"; }

.icon-picture:before {
	content: "\e00f"; }

.icon-pictures:before {
	content: "\e010"; }

.icon-video:before {
	content: "\e011"; }

.icon-camera:before {
	content: "\e012"; }

.icon-printer:before {
	content: "\e013"; }

.icon-toolbox:before {
	content: "\e014"; }

.icon-briefcase:before {
/*	content: "\e015"; }*/
	content: url('../images/icon_05.png');
	filter: brightness(0) saturate(100%) invert(65%) sepia(35%) saturate(5489%) hue-rotate(23deg) brightness(99%) contrast(87%);
}
.icon-wallet:before {
	content: "\e016"; }

.icon-gift:before {
	content: "\e017"; }

.icon-bargraph:before {
	content: "\e018"; }

.icon-grid:before {
	content: "\e019"; }

.icon-expand:before {
	content: "\e01a"; }

.icon-focus:before {
	content: "\e01b"; }

.icon-edit:before {
	content: "\e01c"; }

.icon-adjustments:before {
	content: "\e01d"; }

.icon-ribbon:before {
	content: "\e01e"; }

.icon-hourglass:before {
	content: "\e01f"; }

.icon-lock:before {
	content: "\e020"; }

.icon-megaphone:before {
	content: "\e021"; }

.icon-shield:before {
	content: "\e022"; }

.icon-trophy:before {
	content: "\e023"; }

.icon-flag:before {
	content: "\e024"; }

.icon-map:before {
	content: "\e025"; }

.icon-puzzle:before {
	content: "\e026"; }

.icon-basket:before {
	content: "\e027"; }

.icon-envelope:before {
	content: "\e028"; }

.icon-streetsign:before {
	content: "\e029"; }

.icon-telescope:before {
	content: "\e02a"; }

.icon-gears:before {
	content: "\e02b"; }

.icon-key:before {
	content: "\e02c"; }

.icon-paperclip:before {
	content: "\e02d"; }

.icon-attachment:before {
	content: "\e02e"; }

.icon-pricetags:before {
	content: "\e02f"; }

.icon-lightbulb:before {
/*	content: "\e030"; }*/
	content: url('../images/icon_03.png');
	filter: brightness(0) saturate(100%) invert(65%) sepia(35%) saturate(5489%) hue-rotate(23deg) brightness(99%) contrast(87%);
}
.icon-layers:before {
	content: "\e031"; }

.icon-pencil:before {
	content: "\e032"; }

.icon-tools:before {
/*	content: "\e033"; }*/
	content: url('../images/icon_01.png');
	filter: brightness(0) saturate(100%) invert(65%) sepia(35%) saturate(5489%) hue-rotate(23deg) brightness(99%) contrast(87%);
}
.icon-tools-2:before {
	content: "\e034"; }

.icon-scissors:before {
	content: "\e035"; }

.icon-paintbrush:before {
	content: "\e036"; }

.icon-magnifying-glass:before {
	content: "\e037"; }

.icon-circle-compass:before {
	content: "\e038"; }

.icon-linegraph:before {
	content: "\e039"; }

.icon-mic:before {
	content: "\e03a"; }

.icon-strategy:before {
	content: "\e03b"; }

.icon-beaker:before {
	content: "\e03c"; }

.icon-caution:before {
	content: "\e03d"; }

.icon-recycle:before {
	content: "\e03e"; }

.icon-anchor:before {
	content: "\e03f"; }

.icon-profile-male:before {
	content: "\e040"; }

.icon-profile-female:before {
	content: "\e041"; }

.icon-bike:before {
	content: "\e042"; }

.icon-wine:before {
	content: "\e043"; }

.icon-hotairballoon:before {
	content: "\e044"; }

.icon-globe:before {
	content: "\e045"; }

.icon-genius:before {
/*	content: "\e046"; }*/
	content: url('../images/icon_04.png');
	filter: brightness(0) saturate(100%) invert(65%) sepia(35%) saturate(5489%) hue-rotate(23deg) brightness(99%) contrast(87%);
}
.icon-map-pin:before {
	content: "\e047"; }

.icon-dial:before {
	content: "\e048"; }

.icon-chat:before {
	content: "\e049"; }

.icon-heart:before {
	content: "\e04a"; }

.icon-cloud:before {
	content: "\e04b"; }

.icon-upload:before {
	content: "\e04c"; }

.icon-download:before {
/*	content: "\e04d"; }*/
	content: url('../images/icon_06.png');
	filter: brightness(0) saturate(100%) invert(65%) sepia(35%) saturate(5489%) hue-rotate(23deg) brightness(99%) contrast(87%);
}
.icon-target:before {
	content: "\e04e"; }

.icon-hazardous:before {
	content: "\e04f"; }

.icon-piechart:before {
	content: "\e050"; }

.icon-speedometer:before {
	content: "\e051"; }

.icon-global:before {
	content: "\e052"; }

.icon-compass:before {
	content: "\e053"; }

.icon-lifesaver:before {
	content: "\e054"; }

.icon-clock:before {
	content: "\e055"; }

.icon-aperture:before {
	content: "\e056"; }

.icon-quote:before {
	content: "\e057"; }

.icon-scope:before {
	content: "\e058"; }

.icon-alarmclock:before {
	content: "\e059"; }

.icon-refresh:before {
	content: "\e05a"; }

.icon-happy:before {
	content: "\e05b"; }

.icon-sad:before {
	content: "\e05c"; }

.icon-facebook:before {
	content: "\e05d"; }

.icon-twitter:before {
	content: "\e05e"; }

.icon-googleplus:before {
	content: "\e05f"; }

.icon-rss:before {
	content: "\e060"; }

.icon-tumblr:before {
	content: "\e061"; }

.icon-linkedin:before {
	content: "\e062"; }

.icon-dribbble:before {
	content: "\e063"; }

.col-md-6 p {
	font-family: "Hiragino Kaku Gothic Std","ƒqƒ‰ƒMƒmŠpƒS Std","Osaka","‚l‚r ‚oƒSƒVƒbƒN";
	font-style: normal;
}


div.about {
	text-align: center;
	padding: 50px 0px 100px 0px;
}
div.about h3 {
	border-bottom: 1px solid #dfdfdf;
}
div.about p {
	font-size: 1.3em;
	line-height: 1.8em;
}
h4 {
	font-weight: bold;
}


	@media screen and (max-width: 1280px) {
		.listarea {
				background: #e8e9f2;
				/*background-color: #b00000;*/
				border: none;
				outline: none;
				padding: 20px 0px 20px 0px;
			}
	}
	@media screen and (max-width: 1280px) {
		.listitem div {
				width: 45%;
				color: #10016a;
				font-weight: bold;
				display: inline-block;
				box-shadow: none;
				padding-top: 10px;
			}
	}

strong.pickup {
	color: #ffffff;
	font-size: 1.3em;
	font-family: "Hiragino Kaku Gothic Std","ƒqƒ‰ƒMƒmŠpƒS Std","Osaka","‚l‚r ‚oƒSƒVƒbƒN";
	display: block;
	background-color: #10016a;
	padding: 5px 0px 5px 0px;
}
/*
h3.pickup {
	color: #ffffff;
	font-size: 1.3em;
	font-family: "Hiragino Kaku Gothic Std","ƒqƒ‰ƒMƒmŠpƒS Std","Osaka","‚l‚r ‚oƒSƒVƒbƒN";
	background-color: #10016a;
	padding: 5px 0px 5px 0px;
}
*/
.listitem2 img {
	margin: 0px 0px 10px 0px;
}