html {
	min-width: 1100px; /* viewport */
}
/*=============================================
 * body
 *=============================================*/

body {
	color: #000;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	line-height: 35px;
	letter-spacing: 1px;
	background: url(../img/shared/bg.jpg) repeat center top;
	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 {
}
/*=============================================
 * #wrapper
 *=============================================*/

#wrapper {
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.wrap {
	width: 1000px;
}
/*=============================================
 * header
 *=============================================*/

#header {
	position: relative;
}
#header .main {
	position: absolute;
	top: 39px;
	left: 0;
	right: 0;
	z-index: 100;
}
#header .main .wrap {
	min-height: 246px;
}
#header h1 {
	position: absolute;
	top: 96px;
	right: 0;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
}
#header .logo {
	position: absolute;
	top: 0;
	left: -31px;
}
#header .tel {
	position: absolute;
	top: 0;
	right: 0;
}
#header .nav {
	background: url(../img/shared/nav-bg.png) repeat-x center top;
	padding-bottom: 15px;
}
#header .nav .nav-fl {
	width: 1050px;
	margin: 0 auto;
}
/*=============================================
 * key
 *=============================================*/

#key {
	min-height: 870px;
	position: relative;
}
#key:before {
	background: url(../img/shared/key-shadow.png) repeat-x center top;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 300px;
	content: '';
	z-index: 99;
}
/*=============================================
 * container
 *=============================================*/

#container {
}
/*=============================================
 * #socialbuttons
 *=============================================*/

#socialbuttons {
}
/*=============================================
 * footer
 *=============================================*/

#footer {
	background: url(../img/shared/line1.jpg) repeat-x center top, url(../img/shared/footer-bg.jpg) repeat center top;
	padding-top: 82px;
	color: #FFF;
	letter-spacing: 1px;
}
#footer .logo {
	padding: 0 0 20px 189px;
}
#footer .tel {
	padding: 0 0 64px 125px;
}
#footer .fr {
	padding: 26px 69px 0 0;
}
#footer .fr dl {
	font-size: 16px;
	line-height: 25px;
	padding-bottom: 25px;
}
#footer .fr dl dt {
	float: left;
	width: 106px;
}
#footer .fr dl dd {
	float: left;
}
#footer .nav {
	background: url(../img/shared/nav-footer.jpg) repeat-x center top;
	text-align: center;
	font-size: 15px;
	padding: 6px 0;
}
#footer .nav li a {
	line-height: 18px;
	padding: 0 30px;
}
#footer .nav li + li:before {
	display: none;
}
/*=============================================
 * copyright
 *=============================================*/

address {
	font-size: 15px;
	text-align: center;
	line-height: 18px;
	/*padding: 29px 0 31px;*/
	padding: 15px 0 31px;
}

address a{
 font-size: 10px;
 color: #FFF;
 display: block;
 text-decoration: none;
}



/*=============================================
 * custom
 *=============================================*/
 
.col_l {
	float: left;
}
.col_r {
	float: right;
}
.pr-0 {
	padding-right: 0 !important;
}
.mr-0 {
	margin-right: 0 !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.mb-0 {
	margin-right: 0 !important;
}
.text_r {
	text-align: right;
}
.text_c {
	text-align: center;
}
.bg-n {
	background: none !important;
}
.bd-n {
	border: none !important;
}
.z1 {
	position: relative;
	z-index: 1;
}
.bg1 {
	background: url(../img/shared/bg-01.jpg) repeat center top;
}
.bg2 {
	background: url(../img/shared/bg-02.jpg) repeat center top;
}

#yoyaku {
	position:fixed;
	right:5px;
	top:90px;
	z-index:999;
}

/* Navi fixed */
#nav-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999999;
	background: url(../img/shared/nav-bg.png) repeat-x bottom left;
	/*transform: translateY(-200%);*/
	transform: translateY(-500%);
	transition: transform 0.3s;
}
#nav-fixed.fixed {
	transform: translateY(0);
}
#nav-fixed .wrap {
	width: 1000px;
	margin: 0 auto;
	display: flex;
}
#nav-fixed .wrap .right > * {
	position: static;
}
#nav-fixed .wrap .right {
	text-align: right;
}
#nav-fixed .nav-fixed-menu {
	display: flex;
}