/*

Theme Name: Polo

Theme URI: http://themewagon.com/demo/polo-responsive-app-landing-page-template

Author: ThemeWagon

Author URI: http://themewagon.com/

Description: One page app landing HTML5 CSS3 template powered by Bootstrap 3.

Version: 2.0

License: MPL v2.0

License URI: https://www.mozilla.org/MPL/2.0/

Tags: green, white, responsive-layout, one page, full-width-template

Text Domain: polo

*/



/**

* Table of Contents:

*

* 01.0 - Custom Fonts

* 02.0 - Global

* 03.0 - Side Menu

* 04.0 - Preloader

* 05.0 - Header

* 06.0 - Banner

* 07.0 - Areas of Translation Services

* 08.0 - Contents

* 09.0 - Profile

* 10.0 - Client References

* 11.0 - Company Outline

* 12.0 - Pagetop

* 13.0 - Footer

* 15.0 - Option Style

* 14.0 - Responsive Fixes



* -----------------------------------------------------------------------------

*/





/* ///////////////////////////////////////////////////////////////////// 

//  01 - Custom Fonts 

/////////////////////////////////////////////////////////////////////*/



/* ///////////////////////////////////////////////////////////////////// 

//  02 - Global 

/////////////////////////////////////////////////////////////////////*/



* {

	outline: none !important;

}

body {

	font-family: 'Roboto', 'Lato', "メイリオ", Meiryo, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;

	color: #666;

}

h1, h2, h3, h4, h5, h6 {

	color: #443630;

}

h1, h2, h3 {

	font-size : 28px;

	font-weight : 300;

	line-height: 1.3;

	font-family: 'Roboto', sans-serif;

}

p, li {

	font-size: 14px;

	color: #666;

}

p {

	line-height: 28px;

	letter-spacing: 1px;

	font-family: 'Lato', "メイリオ", Meiryo, sans-serif;

}

li {

	line-height: 20px;

}

h2, h3 {

	color : #666666;

}

a {

	transition: all 0.3s ease-out;

	position: relative;

	padding: .5em;

	margin: -.5em;

}

a:focus, a:hover {

	text-decoration: none;

	color: #666;

}

.img_res {

	display: block;

	width: 100%;

	height: auto;

	max-width: 100%;

}

.block-title {

	font-weight: 300;

	padding: 0 40px;

	margin: 0;

	line-height: 1.2;

	display: inline-block;

	position: relative;

	text-transform: uppercase;

}

.block {

	padding: 50px 0px 20px 0px;

	overflow: hidden;

}

.container-full, .col-xs-12-full, .col-md-8-full {

	padding-right: 0px;

	padding-left: 0px;

}

.col-md-4-full {

	padding-right: 0px;

}

.title-box {

	text-align: center;

	margin-bottom: 50px;

}

.br {

	display: inline;

}

.br-sp {

	display: none;

}

.mb40 {

	margin-bottom: 40px;

}

.mt40 {

	margin-top: 40px;

}

.mt60 {

	margin-top: 60px;

}

.mbnone {

	margin-bottom: 0px;

}

.mtnone {

	margin-top: 0px;

}

/* ///////////////////////////////////////////////////////////////////// 

//  03 - Side Menu

/////////////////////////////////////////////////////////////////////*/



#sidebar-wrapper {

	z-index: 1000;

	position: fixed;

	left: 0;

	width: 260px;

	height: 100%;

	margin-left: -260px;

	overflow-y: auto;

	background: #eaeaea;

	-webkit-transition: all 0.4s ease 0s;

	-moz-transition: all 0.4s ease 0s;

	-ms-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	z-index: 99999999;

}

.sidebar-nav {

	position: absolute;

	width: 250px;

	margin-top: 50px;

	padding: 0;

	list-style: none;

}

.sidebar-nav li {

	text-indent: 20px;

	line-height: 40px;

	border-bottom: 1px dotted #666;

}

.sidebar-nav li a {

	display: block;

	text-decoration: none;

	color: #443630;

	font-size: 16px;

	padding: 15px 15px;

}

.sidebar-nav li a:hover {

	text-decoration: none;

	opacity: 0.6;

}

.sidebar-nav li a:active, .sidebar-nav li a:focus {

	text-decoration: none;

}

.sidebar-nav > .sidebar-brand {

	height: 55px;

	font-size: 18px;

	line-height: 55px;

}

.sidebar-nav > .sidebar-brand a {

	color: #999;

}

.sidebar-nav > .sidebar-brand a:hover {

	color: #fff;

	background: none;

}

#sidebar-wrapper.active {

	left: 250px;

	width: 260px;

	-webkit-transition: all 0.4s ease 0s;

	-moz-transition: all 0.4s ease 0s;

	-ms-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

}

.toggle {

	margin: 5px 5px 0 0;

}

.close-btn {

	display: block;

	color: #443630;

	font-size: 2em;

	margin: 0;

	padding: 0;

	text-align: left;

	width: 100%;

	padding-top: 15px;

	padding-left: 25px;

}

.close-btn:hover {

	opacity: 0.6;

}

/* ///////////////////////////////////////////////////////////////////// 

//  04 - Preloader

/////////////////////////////////////////////////////////////////////*/



#preloader {

	position: fixed;

	left: 0;

	top: 0;

	z-index: 99999999999;

	width: 100%;

	height: 100%;

	overflow: visible;

	background: #fff url('../img/preloader.gif') no-repeat center center;

}

/* ///////////////////////////////////////////////////////////////////// 

//  05 - Header

/////////////////////////////////////////////////////////////////////*/


.headerBg {
	background:rgba(0,0,0,.5);
}
.sticky {

	position: fixed;

	width: 100%;

	/*background: transparent;*/

	padding: 0px 0px;

	transition: all 0.5s;

	z-index: 99999;

}

.fixed {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	/*background: transparent;*/

	padding: 0px;

}

.logo {

	font-family: 'caviar_dreams';

	color: #fff;

	font-size: 2.5em;

	line-height: 1.6;

}

#logo_menu {

	padding: 5px 0px 0px;

}

#menu-toggle {

	z-index: 1;

	font-size: 35px;

	float: left;

	border: 1px solid #ccc;
	
	background:#fff;

	color: #eaeaea;

	margin: 0px;

	padding: 5px 10px;

	line-height: 0;

}

#menu-toggle i {

	color: #ccc;

}

.store-btn-container {

	padding-top: 15px;

}

.store-btn:hover, #menu-toggle:hover {

	background: #666;

	border-color: #666;

	color: #fff;

}

#mail {

	float: left;

	margin: 0px 0px 10px 30px;

}

#mail a {

	color: #eaeaea;

}

#mail a:hover {

	color: #443630;

	-webkit-transition: all 0.4s ease 0s;

	-moz-transition: all 0.4s ease 0s;

	-ms-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

}

.selectlang ul {

	right: 0;

	float: right;

	margin-bottom: 0px;

	font-size: 0px;

}

.selectlang li {

	display: inline-block;

	list-style: none;

	width: 60px;

}

.selectlang a {

	display: block;

	vertical-align: middle;

	height: 60px;

	width: 60px;

	text-decoration: none;

	color: #443630;

	text-align: center;

	font-size: 16px;

	font-weight: 500;

	background-color: #eaeaea;

	padding-top: 30%;

}

.selectlang a.on, .selectlang a:hover {

	color: #fff;

	background-color: #443630;

	-webkit-transition: all 0.4s ease 0s;

	-moz-transition: all 0.4s ease 0s;

	-ms-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

}

#headline {

	background-color: #eaeaea;

}

#headline-inner {

	padding: 160px 80px 80px;

	background-color: rgba(255,255,255,0.5);

	top: -80px;

}

#headline p {

	line-height: 42px;

	font-size: 18px;

	padding: 0px 10%;

}

/* ///////////////////////////////////////////////////////////////////// 

//  06 - Banner

/////////////////////////////////////////////////////////////////////*/



#banner {

	background: url(../img/bg.jpg);

	padding-top: 80px;

	background-attachment: fixed;

	background-size: cover;

	position: relative;

	height: 600px;/*bgの高さ*/

}

.headings {

	position: absolute;

	top: 100px;

	left: 0;

	padding: 40px;

	background-color: rgba(68, 54, 48, 0.5);

	border: 1px solid #443630;

	text-align: center;

	width: 100%;

}

.headings h1 {

	margin: 0px auto;

	color: #fff;

	font-size: 48px;

	font-weight: 300;

	line-height: 58px;

	letter-spacing: 1.2px;

}

.headings p {

	color: #fff;

	font-size: 20px;

	font-weight: 400;

	letter-spacing: 1px;

	padding-bottom: 0px;

	line-height: 40px;

	text-align: center;

	font-family: 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}

.hand-container {

	max-height: 630px;

	overflow: hidden;

}

.iphone-hand {

	padding: 20px 30px 0px 30px;

}

.store:hover {

	background: #443630;

	border-color: #443630;

	color: #fff;

}

.polo-btn i {

	padding-right: 6px;

}

.slidedown {

	color: #fff;

	position: absolute;

	bottom: 2%;

	z-index: 99;

	cursor: pointer;

	left: 50%;

}

/* ///////////////////////////////////////////////////////////////////// 

//  07 - Areas of Translation Services

/////////////////////////////////////////////////////////////////////*/

h1.featurettl {

	overflow: hidden;

	text-align: center;

	line-height: 1.2;

}

h1.featurettl span {

	position: relative;

	display: inline-block;

	margin: 0 2.5em;

	padding: 0 1em;

	text-align: left;

}

h1.featurettl span::before, h1.featurettl span::after {

	position: absolute;

	top: 50%;

	content: '';

	width: 400%;

	height: 1px;

	background-color: #443630;

}

h1.featurettl span::before {

	right: 100%;

}

h1.featurettl span::after {

	left: 100%;

}

.feature-box {

	padding: 0px;

	text-align: center;

	max-width: 360px;

	margin: 0 auto;

}

.feature-box i {

	font-size: 7em;

	line-height: 0 !important;

	margin: 0;

	padding: 0;

}

.feature-box p {

	padding: 0px 20px;

}

/* ///////////////////////////////////////////////////////////////////// 

//  08 - Contents

/////////////////////////////////////////////////////////////////////*/

#testimonial {

	background-color: #eaeaea;

}

#testimonial p {

	margin-bottom: 0px;

}

/* featuresContents */

#features, #featuresContents {

	background-color: #fff;

}

#featuresContents p {

	margin-bottom: 40px;

}

#features-inner01 {

	background: url(../img/bg2.jpg);/*　bc1背景*/

	background-attachment: scroll;

	background-attachment: fixed;

	background-size: auto auto;

	background-size: cover;

	padding-top: 80px;

	padding-bottom: 80px;

	position: relative;

	min-height: 100%;

}

#features-inner02 {

	background: url(../img/bg3.jpg);/*　bc3背景*/

	background-attachment: scroll;

	background-attachment: fixed;

	background-size: auto auto;

	background-size: cover;

	padding-top: 80px;

	padding-bottom: 80px;

	position: relative;

	min-height: 100%;

}

#bc1, #bc2, #bc3 {

	padding: 40px;

}

#bc2 {

	padding-top: 0px;

}

#bc1, #bc3 {

	background-color: rgba(255,255,255,0.9);

}

/* height */

.row-eq-height {

	display: flex;

	flex-wrap: wrap;

}

/* itembox*/

.itembox {

	margin: 0px;

	padding: 20px 10px;

	border: 3px solid #443630;

	background-color: #fff;

	position: relative;

}

.itembox h4 {

	margin-bottom: 20px;

	color: #443630;

	font-size: 28px;

	font-weight: 300;

	line-height: 34px;

	text-align: center;

	border-bottom: 1px dotted #443630;

	padding-bottom: 10px;

}

ul {

	list-style-position: outside;

	margin-left: 0px;

}

li.listtype-none {

	list-style: none;

}

/* ///////////////////////////////////////////////////////////////////// 

//  09 - Profile

/////////////////////////////////////////////////////////////////////*/

#profile {

	background-color: #fff;

}

.profile-ttl {

	font-size: 28px;

	font-weight: normal;

	color: #666;

	margin-top: 40px;

	margin-bottom: 30px;

	text-align: left;

}

/* ///////////////////////////////////////////////////////////////////// 

//  10 - Client References

/////////////////////////////////////////////////////////////////////*/



/* reommend */

.box {

	position: relative;

	width: 100%;

	background-color: transparent;

	box-sizing: border-box;

	margin-bottom: 40px;

}

.box-inner {

	padding: 20px;

	background-color: #fff;

	box-sizing: inherit;

}

.box::before {

	content: "";

	position: absolute;

	top: -5px;

	left: -5px;

	bottom: 0;

	right: 0;

	border: 1px solid #ccc;

	width: 100%;

	height: 100%;

	padding: 0px;

}

.box::after {

	content: "";

	position: absolute;

	right: -5px;

	bottom: -5px;

	border: 1px solid #ccc;

	width: 100%;

	height: 100%;

	padding: 0px;

}

/* recommender */

.recommender {

	color: #443630;

	font-size: 28px;

	font-weight: 300;

	line-height: 1.2;

	margin-bottom: 40px;

}

.recommender img {

	margin-right: .5em;

}

/* ///////////////////////////////////////////////////////////////////// 

//  11 - Company Outline

/////////////////////////////////////////////////////////////////////*/



#aboutus {

	background-color: #fff;

}

.about {

	margin: 40px;

	padding: 40px;

	border: 1px solid #443630;

	background-color: #fff;

	position: relative;

	overflow: hidden;

}

dl.company {

	font-size: 16px;

	margin-left: 10%;

}

dl.company dt, dl.company dd {

	line-height: 32px;

}

dl.company dt {

	font-weight: normal;

	display: block;

	width: 22%;

	clear: left;

	float: left;

}

dl.company dd {

	display: block;

	width: 70%;

	float: left;

}
/* ///////////////////////////////////////////////////////////////////// 

//  Contact

/////////////////////////////////////////////////////////////////////*/



#contact {

	background-color: #fff;

}



/* ///////////////////////////////////////////////////////////////////// 

//  12 - Pagetop

/////////////////////////////////////////////////////////////////////*/

#pageTop {

	position: fixed;

	bottom: 20px;

	right: 20px;

}

#pageTop a {

	border: 1px solid #666;

	text-decoration: none;

	color: #666;

	width: 60px;

	height: 60px;

	text-align: center;

	display: block;

	border-radius: 30px;

	font-size: 20px;

}

#pageTop i {

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

}

#pageTop a:hover {

	color: #aaa;

}


/* ///////////////////////////////////////////////////////////////////// 

//  13 - Footer Section

/////////////////////////////////////////////////////////////////////*/





#footer {

	background: #666;

	padding: 20px 0px 22px 0px;

}

.footer-logo {

	font-size: 27px;

	color: #fff;

	font-weight: 300;

}

.footer-logo a:hover {

	color: #443630;

}

.footer-logo a {

	color: #dadada;

}

.copyright {

	color: #fff;

	text-align: center;

	font-size: 14px;

	margin-top: 40px;

}

#footer span {

	color: #e9e9e9;

	display: block;

	font-size: 20px;

	margin-bottom: -15px;

}



/* ///////////////////////////////////////////////////////////////////// 

//  14 - Responsive Fixes

/////////////////////////////////////////////////////////////////////*/





/*1340px - 1170px*/



@media all and (max-width: 1340px) and (min-width: 1170px) {

}



/*1170px - 992px*/



@media all and (max-width: 1170px) and (min-width: 992px) {

}



/*1170px*/



@media all and (max-width: 1170px) {

}



/*992px*/



@media all and (max-width: 992px) {

.headings h1, .headings p {

	text-align: center;

}

.block-title {

	font-size: 2.8em;

}

}



@media all and (min-width: 992px) {

h1, h2, h3 {

	font-size : 34px;

	font-weight : 300;

	line-height: 56px;

}

p, li {

	font-size: 16px;

	color: #666;

}

p {

	line-height: 32px;

	text-align: justify;

	text-justify: inter-ideograph;

}

li {

	line-height: 28px;

}

.itembox {

	margin: 40px;

	padding: 40px;

	border: 3px solid #443630;

	background-color: #fff;

	position: relative;

}

.ml {

	margin-left: 20%;

}

}



/*768px*/



@media all and (min-width: 769px) {

.ml {

	margin-left: 25%;

}

div.box-inner {

	padding: 40px;

	background-color: #fff;

	box-sizing: inherit;

}

.mt120 {

	margin-top: 120px;

}

.ml100 {

	margin-left: 100px;

}

#bc1, #bc3 {

	margin-top: -120px;

}

}



/*480px*/

@media all and (min-width: 481px) {

}



@media all and (max-width: 480px) {

.slidedown {

	left: 45%;

}

.close-btn {

	font-size: 1.5em;

}

.headings {

	position: absolute;

	top: 40px;

	padding: 20px;

}

.headings p {

	line-height: 20px;

	font-size: 14px;

}

#headline {

	padding: 40px 0px;

	background-color: #eaeaea;

}

#headline-inner {

	padding: 140px 10px 60px;

	background-color: rgba(255,255,255,0.5);

	top: -100px;

}

#bc1, #bc3 {

	background-color: rgba(255,255,255,1);

}

#bc1, #bc2, #bc3 {

	padding: 0px;

}

.about {

	margin: 10px;

	padding: 20px;

}

dl.company dt {

	font-weight: normal;

	display: block;

	width: 100%;

	float: none;

}

dl.company dd {

	display: block;

	width: 100%;

	float: none;

}

.itembox-margin {

	margin-top: 40px;

	margin-bottom: 40px;

}

.br, .br-sp {

	display: block;

}

.textL {

	text-align: left;

}

.mts140 {

	margin-top: 140px;

}

h2.imglayout {

	position: absolute;

	top: 20px;

	left: -70px;

	clear: both;

}

#banner, #features-inner01, #features-inner02 {

	background: none;

}

#banner::before {

	content: "";

	display: block;

	position: fixed;

	top: 0;

	left: 0;

	-webkit-transform: translate3d(0, 0, -1px);

	transform: translate3d(0, 0, -1px);

	width: 100%;

	height: 100vh;

	background: url(../img/bg.jpg)center/cover no-repeat;

	-webkit-background-size: cover;

}

#features-inner01, #features-inner02 {

	background-color: #cccccc;

}

#headline, #features, #featuresContents, #profile, #testimonial, #aboutus,#contact, #bc1, #bc3 {

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

}


.lead_linkTxt {
	color:#666;
	text-decoration: underline;
}
@media all and (max-width: 769px) {
.br_pc {
	display:none;
}
}