/*COMMON STYLES*/

body{
	animation: fadein 1.5s;
	-moz-animation: fadein 1.5s; /* Firefox */
	-webkit-animation: fadein 1s.5; /* Safari and Chrome */
	-o-animation: fadein 1.5s; /* Opera */
	font-size: 14px !important;
	font-family:  Helvetica, sans-serif; 
	/*font-family: "Yu Gothic", YuGothic, sans-serif;*/
	/*font-family:  "a-otf-ryumin-pr6n", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    /*font-family: 'Oswald', sans-serif;
    font-family: 'Lato', sans-serif;*/
    margin: 0;
}
img{
	max-width: 100%;
}

.img-bg-gen {
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.img-size-20 {
	width: 100%;
	padding-bottom: 20%;
}
.img-size-25 {
	width: 100%;
	padding-bottom: 25%;
}
.img-size-30 {
	width: 100%;
	padding-bottom: 30%;
}
.img-size-40 {
	width: 100%;
	padding-bottom: 40%;
}
.img-size-44 {
	width: 100%;
	padding-bottom: 44%;
}
.img-size-50 {
	width: 100%;
	padding-bottom: 50%;
}
.img-size-60 {
	width: 100%;
	padding-bottom: 60%;
}
.img-size-75 {
	width: 100%;
	padding-bottom: 75%;
}
.img-size-100 {
	width: 100%;
	padding-bottom: 100%;
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"]{
	padding-right: 0;
	padding-left: 0;
}

.error {
	color: #a00 !important;
}

*:focus {
	outline: none;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
            supported by Chrome and Opera */
        }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Margin */

.tn-spacing-top {
	margin-top: 10px !important;
}
.sm-spacing-top {
	margin-top: 15px !important;
}
.md-spacing-top {
	margin-top: 20px !important;
}
.lg-spacing-top {
	margin-top: 25px !important;
}
.xl-spacing-top {
	margin-top: 30px !important;
}
.xxl-spacing-top {
	margin-top: 35px !important;
}
.ex-spacing-top {
	margin-top: 40px !important;
}
.exl-spacing-top {
	margin-top: 45px !important;
}
.tn-spacing-btm {
	margin-bottom: 10px !important;
}
.sm-spacing-btm {
	margin-bottom: 15px !important;
}
.md-spacing-btm {
	margin-bottom: 20px !important;
}
.lg-spacing-btm {
	margin-bottom: 25px !important;
}
.xl-spacing-btm {
	margin-bottom: 30px !important;
}
.xxl-spacing-btm {
	margin-bottom: 35px !important;
}
.ex-spacing-btm {
	margin-bottom: 40px !important;
}
.exl-spacing-btm {
	margin-bottom: 45px !important;
}
.tn-spacing-left {
	margin-left: 10px !important;
}
.sm-spacing-left {
	margin-left: 15px !important;
}
.md-spacing-left {
	margin-left: 20px !important;
}
.lg-spacing-left {
	margin-left: 25px !important;
}
.xl-spacing-left {
	margin-left: 30px !important;
}
.xxl-spacing-left {
	margin-left: 35px !important;
}
.ex-spacing-left {
	margin-left: 40px !important;
}
.exl-spacing-left {
	margin-left: 45px !important;
}
.tn-spacing-right {
	margin-right: 10px !important;
}
.sm-spacing-right {
	margin-right: 15px !important;
}
.md-spacing-right {
	margin-right: 20px !important;
}
.lg-spacing-right {
	margin-right: 25px !important;
}
.xl-spacing-right {
	margin-right: 30px !important;
}
.xxl-spacing-right {
	margin-right: 35px !important;
}
.ex-spacing-right {
	margin-right: 40px !important;
}
.exl-spacing-right {
	margin-right: 45px !important;
}

.loading-bg {
	background: #F3F3F3;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	position: fixed;
}

/* #loading-icon {
	position: fixed;
	top: 48%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 999999;
}
 */
#loading-icon {
	font-size: 10px;
    text-indent: -9999em;
    width: 6em;
    height: 6em;
    border-radius: 50%;
    background: #ffffff;
    background: -ms-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 42%);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /* background: -webkit-gradient(linear, left top, right top, color-stop(10%, #249f98), color-stop(42%, rgba(157,156,158,0))); */
    background: linear-gradient(to right, #249f98 10%, rgba(157,156,158,0) 42%);
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -3em 0 0 -3em;
    pointer-events: none;
    z-index: 9999;
    -webkit-animation: animLoader 1.2s infinite linear;
	animation: loader 1.2s linear infinite;
}
#loading-icon:before {
    width: 3em;
    height: 3em;
    background: #249f98;
    border-radius: 100% 0 0 0;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -1.5em;
    margin-left: -1.5em;
    content: '';
}
#loading-icon:after {
    background: #F3F3F3;
    width: 5.7em;
    height: 5.7em;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.content-appear{
	opacity: 0;
	-webkit-transform: translateY(28px);
	-ms-transform: translateY(28px);
	transform: translateY(28px);
	-webkit-transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
	transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
.content-appear .active{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
	transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}

#site-content{
	min-height: 1000px;
}

#scrolltop {
	width: 50px;
	text-align: center;
	color: #fff;
	position: fixed;
	bottom: 200px;
	right: 20px;
	cursor: pointer;
	z-index: 5;
}
.content-section{
	padding: 40px;
}
.content-section-lg{
	padding: 60px 0
}
.section-header{
	text-align: center;
	padding-bottom: 50px;
}
.section-header h3.section-title{
	font-size: 2.14em;
	font-weight: 700;
	color: #111;
	text-transform: uppercase;
	padding-bottom: 20px;
	margin-bottom: 30px;
	display: inline-block;
	position: relative;
	margin-top: 0;
}
.section-header >  span{
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.07em;
	color: #989898;
	display: block;
}
.form-control{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.btn-default{
	background: #005c23;
	color: #fff;
	display: block;
	width: 100%;
	padding: 10px 0;
	font-size: 1em;
	font-weight: 700;
	text-shadow: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	border: 2px solid #005c24;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.btn-default:hover{
	background-color: #ff8e01;
	border: 2px solid #ffb200;
	color: #fff;
}
.modal{
	padding-right: 0 !important;
}
.modal.in .modal-dialog{
	width: 100%;
	margin: 0;
}
.modal-content{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0; 
	padding: 80px 0;
	min-height: 100vh;
}
.modal-title{
	font-size: 1em;
	color: #fff;
	font-weight: 700;
}
.modal-title i{
	margin-right: 10px;    
}
.modal-header{
	border: none;
}
.close{
	color: #000;
	text-shadow: none;
	opacity: 1;
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 10;
}

.modal.fade .modal-dialog {
	opacity: 0;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	transform: none !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
}

.modal.fade.in .modal-dialog {
	opacity: 1;
}

.modal .close img{
	width: 20px;
}

.language-chooser{
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.language-chooser a{
	text-decoration: none !important;
}

.language-chooser li{
	display: inline-block;
}

.language-chooser li.active a{
	font-weight: 800;
}

.qtranxs-available-languages-message { display:none }

.logo-section h2{
	margin: 0;
}

#menu-toggle {
	position: fixed;
	right: 30px;
	top: 23px;
	z-index: 999;
	display: block;
	text-align: center;
}

#menu-toggle #button-menu span {
	position: relative;
	/* top: -1.5px; */
}

#menu-toggle #button-menu span, #menu-toggle #button-menu span::before, #menu-toggle #button-menu span::after {
	display: inline-block;
	width: 42px;
	height: 1px;
	background-color: #fff;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
header.black-burger #menu-toggle #button-menu span,
header.black-burger #menu-toggle #button-menu span::before,
header.black-burger #menu-toggle #button-menu span::after {
	background-color: #000;
}

header.active #menu-toggle #button-menu span::before,
header.active #menu-toggle #button-menu span::after {
	background-color: #000;
}

#menu-toggle #button-menu span::before, #menu-toggle #button-menu span::after {
	content: '';
	position: absolute;
	left: 0;
}

#menu-toggle #button-menu span::before {
	margin-top: -12px;
}

#menu-toggle #button-menu span::after {
	width: 21px;
	left: auto;
	right: 0;
	margin-top: 12px;
}

#menu-toggle #button-menu.active span {
	background-color: rgba(255, 255, 255, 0) !important;
}

#menu-toggle #button-menu.active span::before {
	margin-top: 0;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#menu-toggle #button-menu.active span::after {
	margin-top: 0;
	width: 42px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#menu-toggle:hover #button-menu span::after {
	width: 42px;
}
.vtext p{
	line-height: 1.1;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.shake:hover,
.shake:focus {
	-webkit-animation-name: spaceboots !important;
	-webkit-animation-duration: 0.3s !important;
	-webkit-transform-origin:50% 50% !important;
	-webkit-animation-iteration-count: infinite !important;
	-webkit-animation-timing-function: linear !important;
}
/*END COMMON*/

/*HEADER*/
header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px 30px;
	z-index: 10;
}
/*END HEADER*/

/*MAIN NAV*/
#main-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	display: none;
	z-index: 30;
}
#main-nav .nav-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical; */
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	height: 100%;
}
#main-nav .nav-wrapper ul.menu-main-list {
	list-style: none;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	font-feature-settings: normal;
}
#main-nav .nav-wrapper ul.menu-main-list li {
	margin: 0 5px;
}
#main-nav .nav-wrapper ul.menu-main-list li a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	padding: 15px 8px;
	color: #000000;
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-ms-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out;
	text-decoration: none;
}
#main-nav .nav-wrapper ul.menu-main-list li a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #42CAE4;
	-webkit-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: -webkit-transform .3s linear;
	-moz-transition: transform .3s linear;
	-ms-transition: transform .3s linear;
	-o-transition: transform .3s linear;
	transition: transform .3s linear;
	z-index: -1;
}
#main-nav .nav-wrapper ul.menu-main-list li a:hover {
	color: #fff;
}
#main-nav .nav-wrapper ul.menu-main-list li a:hover::after {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
#main-nav .nav-wrapper ul.menu-main-list li a span {
	font-family: ten-mincho, serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.19;
}
/*END MAIN NAV*/

/*HOMEPAGE*/
.desk {
	display: block;
}
.mobi {
	display: none;
}
#top-image {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
#top-image .top-bg-img {
	width: 100%;
	height: 100vh;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: -webkit-transform 3s linear;
	-moz-transition: transform 3s linear;
	-ms-transition: -ms-transform 3s linear;
	-o-transition: -o-transform 3s linear;
	transition: transform 3s linear;
}
#top-image .top-bg-img.zoomout {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}
#top-image .slogun-text {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	-webkit-transform: translate( -50%, -50% );
	-moz-transform: translate( -50%, -50% );
	-ms-transform: translate( -50%, -50% );
	-o-transform: translate( -50%, -50% );
	transform: translate( -50%, -50% );
}
#top-image .kokoto-work {
	position: absolute;
	top: 50%;
	right: 10px;
	z-index: 2;
	-webkit-transform: translateY( -50% );
	   -moz-transform: translateY( -50% );
	    -ms-transform: translateY( -50% );
	     -o-transform: translateY( -50% );
	        transform: translateY( -50% );
}
#top-image .kokoto-work span {
	writing-mode: vertical-rl;
    font-feature-settings: normal;
    -webkit-writing-mode: vertical-rl;
    color: #C1C1C1;
    font-family: Helvetica, sans-serif;
}
#top-image .scroll-down {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX( -50% );
	-moz-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	-o-transform: translateX( -50% );
	transform: translateX( -50% );
	padding-bottom: 60px;
	overflow: hidden;
}
#top-image .scroll-down::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 1px);
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	width: 1px;
	height: 55px;
	background-color: #E4E4E4;
}
#top-image .scroll-down::after {
	content: '';
	position: absolute;
	top: 24px;
	left: calc(50% - 1px);;
	display: block;
	width: 1px;
	height: 50%;
	background-color: #fff;
	-webkit-transform: translate(0, 0px) scale(1, 1);
	transform: translate(0, 0px) scale(1, 1);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-animation: scroll_down 2s linear infinite;
	animation: scroll_down 2s linear infinite;
}
#top-image .scroll-down span {
	display: block;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	margin-bottom: 5px;
	-webkit-animation: move_up_down 2s infinite;
	animation: move_up_down 2s infinite;
}
#about .question-title {
	text-align: center;
	font-family: ten-mincho, sans-serif;
	font-weight: 400;
	padding: 160px 0 45px 0;
}
#about .question-title h2 {
	font-size: 28px;
	margin: 0;
	margin-bottom: 10px;
}
#about .question-title {
	font-size: 14px;	
}
#about .text-content {
	padding: 55px 0 100px 0;
}
#about .text-content .text-block {
	position: relative;
	font-family: ten-mincho, sans-serif;
}
#about .text-content .text-block h3 {
	font-size: 20px;
	margin: 0;
	margin-bottom: 10px;
}
#about .text-content .text-block p {
	font-size: 14px;
	line-height: 2.07;
	margin-bottom: 0;
}
.text-block .company-info-btn-pos {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY( -50% );
	-moz-transform: translateY( -50% );
	-ms-transform: translateY( -50% );
	-o-transform: translateY( -50% );
	transform: translateY( -50% );
}
.text-block .company-info-btn {
	position: relative;
	width: 143px;
	height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #000;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #000;
	text-decoration: none;
	-webkit-transition: ease-out .2s;
	transition: ease-out .2s;
	text-align: center;
}
.text-block .company-info-btn::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -15px;
	margin: auto;
	display: block;
	width: 30px;
	height: 1px;
	background-color: #000;
	-webkit-transition: -webkit-transform ease-out .2s;
	transition: -webkit-transform ease-out .2s;
	transition: transform ease-out .2s;
	transition: transform ease-out .2s, -webkit-transform ease-out .2s;
}
.text-block .company-info-btn:hover {
	color: #fff;
	background-color: #000;
}
.text-block .company-info-btn:hover::before {
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}
.spec-style .text-area .block-wrapper {
	padding-top: 80px;
	padding-bottom: 120px;
	position: relative;
}
.spec-style .text-area .block-wrapper .hl-text-block {
	position: absolute;
	top: -100px;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	font-feature-settings: normal;
	background-color: #fff;
	padding: 40px 30px;
}
.spec-style .text-area .block-wrapper .hl-text-block h3 {
	font-family: ten-mincho, sans-serif;
	font-size: 48px;
	line-height: 1.15;
	margin: 0;
}
.spec-style .text-area .block-wrapper .hl-text-block span {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
}
.spec-style .text-area .block-wrapper .text-block {
	font-family: ten-mincho, sans-serif;
	font-weight: 400;
}
.spec-style .text-area .block-wrapper .text-block h3 {
	font-size: 20px;
	margin: 0;
	margin-bottom: 25px;
}
.spec-style .text-area .block-wrapper .text-block p {
	font-size: 14px;
	line-height: 2.07;
}
.spec-style.left-style .text-area .block-wrapper .hl-text-block {
	left: -45px;
}
.spec-style.right-style .text-area .block-wrapper .hl-text-block {
	right: 45px;
}
.spec-style.left-style .block-wrapper .text-block {
	padding-left: 210px;
}
.spec-style.right-style .block-wrapper .text-block {
	text-align: right;
	padding-right: 210px;
}
#googlemap .map-wrapper {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 37%;
}
#googlemap .map-wrapper #map {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/*END HOMEPAGE*/

/* COMPANY PAGE */
.company-page .company-info .content-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.company-page .company-info .content-wrapper .side .company-img {
	width: 100%;
	height: 100vh;
}
.company-page .company-info .content-wrapper .side {
	width: 50%;
}
.company-page .company-info .content-wrapper .right-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.right-text .text-wrap h3 {
	text-align: center;
	font-family: ten-mincho, serif;
	font-size: 28px;
	font-weight: 400;
}
.right-text .text-wrap ul.list-info {
	list-style: none;
	width: 420px;
	margin-top: 25px;
	padding: 0;
}
ul.list-info li {
	padding: 5px 5px;
	border-top: 1px solid #707070;
}
ul.list-info li:last-child {
	border-bottom: 1px solid #707070;
}
ul.list-info li > * {
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	margin-right: -4px;
	font-family: ten-mincho, serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 2;
}
ul.list-info li span {
	width: 23%;
}
ul.list-info li p {
	width: 77%;
	margin-bottom: 0;
}
/* END COMPANY PAGE */

/* CONTACT PAGE */
.contact-page .red-t {
	color: #DE1A56;
}
.contact-page .contact-form {
	padding: 85px 0;
}
.contact-page .contact-form .contact-form-wrapper {
	width: 565px;
	margin: 0 auto;
}
.contact-page .contact-form .contact-form-wrapper .form-title {
	text-align: center;
}
.contact-page .contact-form .contact-form-wrapper .form-title h1 {
	font-family: ten-mincho, serif;
	font-size: 28px;
	line-height: 2;
	margin-bottom: 40px;
}
.contact-page .contact-form .contact-form-wrapper .form-title p {
	font-family: ten-mincho, serif;
	font-size: 14px;
	line-height: 2;
}
.contact-form-wrapper .field-wrapper .field-group {
	margin-bottom: 30px;
}
.contact-form-wrapper .field-wrapper .field-group p {
	font-family: ten-mincho, serif;
	font-size: 14px;
	line-height: 2;
	margin-bottom: 5px;
}
.contact-form-wrapper .field-wrapper .field-group .form-control {
	background-color: #F0EFEF;
	border-color: #fff;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.contact-form-wrapper .field-wrapper .field-group textarea.form-control {
	resize:vertical;
}
.contact-form-wrapper .field-wrapper .button-area {
	text-align: center;
}
.contact-form-wrapper .field-wrapper .button-area .submit-btn {
	width: 175px;
	height: 50px;
	background-color: #666666;
	border: 1px solid #707070;
	color: #fff;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.contact-form-wrapper .field-wrapper .button-area .submit-btn:hover {
	background-color: #707070;
}
/* END CONTACT PAGE */

/*FOOTER*/
footer {
	text-align: center;
	padding: 85px 0;
}
footer .footer-logo {
	margin-bottom: 90px;
}
footer .footer-copyright span {
	font-family: ten-mincho, serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 2.07;
}
/*END FOOTER*/

/*SCROLLER*/

.cb-scroller p {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0;
}

.cb-scroller {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 45px;
	width: 66px;
	margin: 0 0 -2px -33px;
	z-index: 20;
	cursor: pointer;
	text-align: center;
	transition: opacity .2s;
	z-index: 2;
}

.cb-scroller svg {
	height: 41px;
	transition: opacity .4s ease-in-out .9s;
}

.cb-scroller svg path {
	fill: rgba(255, 255, 255, 0);
	stroke: #fff;
	stroke-dasharray: 51, 0;
	stroke-dashoffset: 109;
	transition: stroke-dasharray 1.3s cubic-bezier(.74, .05, .12, .99) .9s;
}

.cb-scroller svg circle {
	fill: #fff;
	-webkit-animation: cb-scroller-mouse-circle ease-in-out 1.9s infinite;
	animation: cb-scroller-mouse-circle ease-in-out 1.9s infinite;
}

.cb-scroller:hover {
	opacity: 0.7;
}

.cb-scroller._hidden {
	cursor: default;
}

.cb-scroller._hidden svg {
	opacity: 0;
	transition-delay: 0.3s;
}

.cb-scroller._hidden path {
	transition-delay: 0s;
	transition-duration: 0.8s;
	stroke-dasharray: 0, 109;
	stroke-dashoffset: 109;
}

.cb-scroller._hidden p {
	opacity: 0;
}
/*.SCROLLER*/

/* RESPONSIVE */
@media screen and (max-width:1366px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1112px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:834px) {}
@media screen and (max-width:768px) {
	.desk {
		display: none;
	}
	.mobi {
		display: block;
	}
	#about .question-title {
		padding: 45px 0;
	}
	#about .text-content {
		padding: 45px 0;
	}
	#about .text-content .text-block {
		width: 80%;
		margin: 0 auto;
	}
	#about .text-content .text-block p br {
		display: none;
	}
	.text-block .company-info-btn-pos {
		position: static;
		width: 100%;
		margin-top: 20px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.text-block .company-info-btn {
		margin: 0 auto;
	}
	.spec-style .text-area .block-wrapper {
		padding-bottom: 80px;
	}
	.spec-style.left-style .text-area .block-wrapper .hl-text-block {
		left: 0;
	}
	.spec-style.right-style .text-area .block-wrapper .hl-text-block {
		right: auto;
	}
	.spec-style .text-area .block-wrapper .text-block{
		padding-left: 0;
		padding-right: 0;
		text-align: left;
		width: 80%;
		margin: 0 auto;
	}
	.company-page .company-info .content-wrapper {
		display: block;
	}
	.company-page .company-info .content-wrapper .side {
		width: 100%;
	}
	.company-page .company-info .content-wrapper .right-text {
		padding: 45px 0;
	}
	.company-page .company-info .content-wrapper .side .company-img {
		width: 100%;
		height: auto;
		padding-bottom: 38%;
	}
	.company-page .company-info .content-wrapper .left-img {
		padding-bottom: 40px;
	}
}
@media screen and (max-width:736px) {}
@media screen and (max-width:667px) {}
@media screen and (max-width:568px) {
	.contact-page .contact-form .contact-form-wrapper {
		width: 100%;
	}
}
@media screen and (max-width:480px) {
	footer {
		padding: 40px 0;
	}
	footer .footer-logo {
		margin-bottom: 15px;
	}
	.spec-style .text-area .block-wrapper .hl-text-block h3 {
		font-size: 18px;
	}
	.spec-style .text-area .block-wrapper .hl-text-block span {
		font-size: 8px;
	}
	.spec-style .text-area .block-wrapper .hl-text-block {
		top: -40px;
		padding: 20px 5px 20px 16px;
	}
	.spec-style .text-area .block-wrapper .hl-text-block {
		top: -40px;
		padding: 20px 5px 20px 16px;
	}
	.spec-style.left-style .text-area .block-wrapper .hl-text-block {
		left: 50px;
	}
	.spec-style .text-area .block-wrapper .text-block p br {
		display: none;
	}
}
@media screen and (max-width:425px) {
	#about .question-title h2 {
		font-size: 21px;
	}
	#about .text-content .text-block h3 {
		font-size: 18px;
	}
	#about .text-content .text-block p {
		font-size: 13px;
	}
	#about .text-content .text-block {
		width: 85%;
	}
	.spec-style .text-area .block-wrapper .text-block {
		width: 85%;
	}
	.right-text .text-wrap ul.list-info {
		width: 100%;
		padding: 0 15px;
	}
}
@media screen and (max-width:375px) {}
@media screen and (max-width:320px) {}
/* END RESPONSIVE */


/**
* ANIMATION KEYFRAME
*/

@keyframes fadein {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@keyframes animLoader {
	to { transform: rotate(360deg); }
}

@-webkit-keyframes loader{
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes loader{
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-40px);
	}
	100% {
		transform: translatey(0px);
	}
}

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}


@keyframes cb-scroller-mouse-circle {
	0% {
		transform: translateY(0px);
		opacity: 0;
	}
	40% {
		transform: translateY(0px);
		opacity: 1;
	}
	70% {
		opacity: 1;
	}
	100% {
		transform: translateY(12px);
		opacity: 0;
	}
}

@-webkit-keyframes nav_active {
	0% {
		-webkit-clip-path: polygon(10% 10%, 60% 40%, 90% 90%, 40% 60%);
		clip-path: polygon(10% 10%, 60% 40%, 90% 90%, 40% 60%);
		opacity: 0
	}
	0.1% {
		opacity: 1
	}
	to {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		opacity: 1
	}
}

@keyframes nav_active {
	0% {
		-webkit-clip-path: polygon(10% 10%, 60% 40%, 90% 90%, 40% 60%);
		clip-path: polygon(10% 10%, 60% 40%, 90% 90%, 40% 60%);
		opacity: 0
	}
	0.1% {
		opacity: 1
	}
	to {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		opacity: 1
	}
}

@-webkit-keyframes nav_passive {
	0% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		opacity: 1
	}
	to {
		-webkit-clip-path: polygon(10% 10%, 60% 40%, 90% 90%, 40% 60%);
		clip-path: polygon(10% 10%, 60% 40%, 90% 90%, 40% 60%);
		opacity: 0
	}
}

@keyframes nav_passive {
	0% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		opacity: 1
	}
	to {
		-webkit-clip-path: polygon(10% 10%, 60% 40%, 90% 90%, 40% 60%);
		clip-path: polygon(10% 10%, 60% 40%, 90% 90%, 40% 60%);
		opacity: 0
	}
}

@-webkit-keyframes nav_matrix {
	0% {
		-webkit-transform: matrix3d(1.305, 0, 0.5, 0.01, 0, 0.609, 0.5, 0.01, -0.5, -0.5, 0.7569, 0, 24, 24, 0, 1);
		transform: matrix3d(1.305, 0, 0.5, 0.01, 0, 0.609, 0.5, 0.01, -0.5, -0.5, 0.7569, 0, 24, 24, 0, 1);
		-webkit-transform-origin: 0px 0px 0px;
		transform-origin: 0px 0px 0px;
		opacity: 0
	}
	to {
		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		-webkit-transform-origin: 0px 0px 0px;
		transform-origin: 0px 0px 0px;
		opacity: 1
	}
}

@keyframes nav_matrix {
	0% {
		-webkit-transform: matrix3d(1.305, 0, 0.5, 0.01, 0, 0.609, 0.5, 0.01, -0.5, -0.5, 0.7569, 0, 24, 24, 0, 1);
		transform: matrix3d(1.305, 0, 0.5, 0.01, 0, 0.609, 0.5, 0.01, -0.5, -0.5, 0.7569, 0, 24, 24, 0, 1);
		-webkit-transform-origin: 0px 0px 0px;
		transform-origin: 0px 0px 0px;
		opacity: 0
	}
	to {
		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		-webkit-transform-origin: 0px 0px 0px;
		transform-origin: 0px 0px 0px;
		opacity: 1
	}
}

@-webkit-keyframes move_up {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 0
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 0.7
	}
}

@keyframes move_up {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 0
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 0.7
	}
}

@-webkit-keyframes move_up-thin {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 0
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 0.3
	}
}

@keyframes move_up-thin {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 0
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 0.3
	}
}
@-webkit-keyframes move_up_down {
	0% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@keyframes move_up_down {
	0% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}
@-webkit-keyframes scroll_down {
	0% {
		-webkit-transform: translate(0, 0px) scale(1, 1);
		transform: translate(0, 0px) scale(1, 1);
		opacity: 0;
	}
	20% { opacity: 1; }
	50% {
		-webkit-transform: translate(0, 200%) scale(1, 0.2);
		transform: translate(0, 200%) scale(1, 0.2);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 200%) scale(1, 0.2);
		transform: translate(0, 200%) scale(1, 0.2);
		opacity: 1;
	}
}
@keyframes scroll_down {
	0% {
		-webkit-transform: translate(0, 0px) scale(1, 1);
		transform: translate(0, 0px) scale(1, 1);
		opacity: 0;
	}
	20% { opacity: 1; }
	50% {
		-webkit-transform: translate(0, 200%) scale(1, 0.2);
		transform: translate(0, 200%) scale(1, 0.2);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 200%) scale(1, 0.2);
		transform: translate(0, 200%) scale(1, 0.2);
		opacity: 1;
	}
}