html:not(.responsive) {
	min-width: 1100px; /* viewport */
}



/*=============================================
 * body
 *=============================================*/

body {
	color: #000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 14px;
	line-height: 33px;
	letter-spacing: 2.5px;
	background: #FFF;
	min-width: inherit;
	min-height: inherit;
	max-height: 100%;
}



/*=============================================
 * fonts - DON'T EDIT
 *=============================================*/

.fnt-mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fnt-meiryo {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fnt-gothic {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}



/*=============================================
 * .fnt - customs
 *=============================================*/

.fnt-mincho {
}
.fnt-meiryo {
}
.fnt-gothic {
}
.fnt-garamond {
}



/*=============================================
 * <main>
 *=============================================*/

main {
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.wrap {
	width: 1000px;
}



/*=============================================
 * <header>
 *=============================================*/
header {
  min-height: 854px;
}

header .headertop {
  background: url(../img/shared/bg1.jpg) repeat top center;
}

header .header_cont {
  position: relative;
  z-index: 1;
}

header .header_cont .logo {
  padding: 23px 0 0 29px;
}

header .header_cont .box {
  text-align: right;
  padding-right: 19px;
}

header .header_cont .box h1 {
  font-size: 13px;
  line-height: 25px;
  padding: 16px 0 20px;
  color: #fff;
}

header .header_cont .box .tel {
  padding-bottom: 26px;
}

header #key {
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  min-height: 769px;
}


/*=============================================
 * key
 *=============================================*/

#key {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 769px;
	position: relative;
}
#key ul {
	min-height: inherit;
}
#key li {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}



/*=============================================
 * <section>
 *=============================================*/

section {
}



/*=============================================
 * #socialbuttons
 *=============================================*/

#socialbuttons {
	text-align: left;
	margin-top: 20px;
}



/*=============================================
 * <footer>
 *=============================================*/

footer {
  background: url(../img/shared/bg1.jpg) repeat top center;
}

footer .footertop {
  background: rgba(255, 255, 255, 0.1);
  padding: 20px 0 16px;
  color: #fff;
}

footer .footerinfo {
  padding-bottom: 94px;
}

footer .footerinfo .boxleft {
  width: 404px;
  text-align: center;
}

footer .footerinfo .boxleft .logo {
  padding: 112px 0 43px;
}

footer .footerinfo .boxright {
  width: 596px;
  text-align: left;
  color: #fff;
}

footer .footerinfo .boxright .info {
  padding-top: 86px;
}

footer .footerinfo .boxright .info dl {
  line-height: 21px;
  padding: 10px 0;
}

footer .footerinfo .boxright .info dl dt {
  width: 84px;
  float: left;
}

footer .footerinfo .boxright .info dl dd {
  width: 507px;
  float: left;
}

footer .footerinfo .list {
  width: 840px;
  margin: 65px auto 0 auto;
}



/*=============================================
 * copyright
 *=============================================*/

address {
	font-size: 13px;
	line-height: 30px;
	height: 30px;
	background-color: #fff;
}

dl:after {
	content: "." !important;
	clear: both !important;
	display: block !important;
	height: 0 !important;
	visibility: hidden !important;
}

.bnr a img:hover {
	opacity: 1;
}


/* Sweep To Right */
.hvr-sweep-to-right-black {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right-black:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right-black:hover, .hvr-sweep-to-right-black:focus, .hvr-sweep-to-right-black:active {
  color: white;
}
.hvr-sweep-to-right-black:hover:before, .hvr-sweep-to-right-black:focus:before, .hvr-sweep-to-right-black:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Right */
.hvr-sweep-to-right-white {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right-white:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #ddd;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right-white:hover, .hvr-sweep-to-right-white:focus, .hvr-sweep-to-right-white:active {
  color: white;
}
.hvr-sweep-to-right-white:hover:before, .hvr-sweep-to-right-white:focus:before, .hvr-sweep-to-right-white:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*====================== nav ====================== */

header .menu_toggle {
	background: #000;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	text-align: center;
	display: none;
}
.nav--opened header .menu_toggle {
	display: block;
}

header .menu_toggle ul {
	padding-top: 132px;
}
header .menu_toggle ul li {
	display: block;
	cursor: pointer;
}

header .menu_toggle ul li.active {
	background-color: #1a1a1a;
}
header .menu_toggle ul li:hover {
	background-color: #1a1a1a;

}
header .menu_toggle ul li.contact:hover {
	background: none;

}

header .menu_toggle.nav-style01 {
	top: 0px;
	right: -100%;
	display: block;
	transition: all 0.5s ease 0s;
}
.navOpen .menu_toggle.nav-style01 {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	right: 0;
}

.nav-fixed {
	display: none;
}

.nav-fixed.fixed {
	display: block;
}

.hamburger {
	position: fixed;
	top: 0px;
	padding: 18px 15px 8px 15px;
	right: 0;
	z-index: 9999;
	background: url(../img/shared/bg1.jpg) repeat center center;
}

.nav--opened .hamburger {
	background: #fff !important;
}

.nav--opened .hamburger-inner, .nav--opened .hamburger-inner:after, .nav--opened .hamburger-inner:before {
	background-color: #000;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	background-color: #fff;
	height: 1px;
}

.hamburger-inner:before {
	top: -12px;
}

.hamburger-inner:after {
	bottom: -12px;
}

 .hamburger:after  {
	display: none
}

.navOpen .hamburger:after {
	
	content: 'CLOSE';
}
/*====================== end nav ====================== */


.bx-wrapper {
	position: relative;
}
.bx-wrapper .bx-pager {
	color: #ffee00;
	font-family: Arial;
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	line-height: 10px;
	bottom: -19px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 60;
}
.bx-controls-direction {
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px;
	width: 100%;
	z-index: 60;
}
.bx-wrapper .bx-controls-direction a {
	color: #e75a5a;
	font-family: "fontello";
	font-size: 40px;
	height: 40px;
	line-height: 40px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 0%;
	width: 26px;
	
}
.bx-prev::after {
	content: "";
	left: 11px;
	position: absolute;
	text-indent: 0;
	top: 0;
}
.bx-next::after {
	content: "";
	left: 0;
	position: absolute;
	text-indent: 0;
	top: 0;
}
.bx-prev {
	position: absolute;
	top: 0;
	left: 0;
}
.bx-next {
	position: absolute;
	top: 0;
	right: 0;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background-color: #000;
	border-radius: 7px;
	display: block;
	height: 6px;
	margin: 0 5px;
	outline: 0 none;
	text-indent: -9999px;
	width: 6px;
	border: 4px solid #000;

}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff none repeat scroll 0 0;
	border: 4px solid #000;
	width: 6px;
	height: 6px;
	vertical-align: bottom;
}
/*====================== end nav ====================== */