@charset "utf-8";

/* for Common & Smartphone*/
html,body{
	position:relative;
	height:100%;
}
body{
	position:relative;
	-webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
	background:#fff;
	/*font-family: 'Ubuntu',"游ゴシック体", "Yu Gothic","游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", 'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', Osaka-mono, monospace, sans-serif;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	color:#000;
	line-height:2.0;
	/*letter-spacing: 0.1em;*/
}

.sp{display:block;}
.pc{display:none;}

.spIL{display:inline;}
.pcIL{display:none;}

.conSP{
	margin-left:5.3% !important;/*375/20*/
	margin-right:5.3% !important;
	margin-left:5.3vw !important;/*375/20*/
	margin-right:5.3vw !important;
}


/*リンク [
#########################################*/
a:link,
a:visited{
	color:#000;
	text-decoration:none;
	}

a:active,
a:hover{
	color:#000;
	text-decoration:none;
	}

.spHover{
	-webkit-transition: .6s;
	transition: .6s;
	}
.spHover:hover {
 	opacity: 0.7;
	-khtml-opacity: .70;
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
 	}

.disabled{
	cursor:default;
}


img {
	border:0;
	vertical-align:top;
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
img[src$=".svg"] {
    width: 100%;
}
.img100{
	width:100%;
}

.relative{
	position:relative;
	}
.static{
	position:static !important;
	}
.hide{
	display:none;
	}

/*font*/

.bold{
	/*font-family: 'Ubuntu',"游ゴシック体", "Yu Gothic","游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6","ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","HiraKakuProN-W6", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", 'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', Osaka-mono, monospace, sans-serif;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight:bold;
	}
.normal{
	/*font-family: 'Ubuntu',"游ゴシック体", "Yu Gothic","游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", 'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', Osaka-mono, monospace, sans-serif;
	font-weight:normal;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	}

.fEn{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	}
.fEn.bold{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
	}

.fMin{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝","MS PMincho", "ＭＳ 明朝", serif;
	}
.fMin .bold,
.fMin.bold{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6" , HiraMinProN-W6 , "ヒラギノ明朝 Pro W6" , HiraMinPro-W6, "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho", serif;
	font-weight:bold;
	}

/*均等割り付け*//*spanタグを内包する　widthはそれぞれに指定*/
.txtJust{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex00 {
   display: -webkit-flex;
   display:-ms-flexbox;
   display: flex;
   flex-direction : column;
}
.flex01 {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order: 2;
}
.flex02 {
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order: 1;
}

/*HEADER
#########################################*/
#header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height: 55px;
	background: #fdd000;
	border-bottom:4px solid #81292d;
	z-index:9999;
	}
#header.open{}
#hTxt{
	/*display:none;*/
	/*position:absolute;
	bottom:5px;
	left:0;*/
	padding:10px 10px 5px 10px;
	width:100%;
	font-size:77%;
	text-align:center;
	font-weight: normal;
	}
#hLogo{
	position: relative;
	float:left;
	width: 35%;
	padding:10px 0 10px 5px;
	text-align:left;
	z-index:9999 !important;
	}
#hLogo img{
	height: 35px
	}
/*#header.open #hLogo{
	opacity: 0.1;
	}*/
#hLogo a{
	display:block;
	}
#hMenuBtn{
	position:fixed;
	right:5px;
	top:5px;
	width:40px;
	height:40px;
	text-align:center;
	/*border:1px solid #000;*/
	z-index:9999 !important;
	}
	
#hMenuBtn span {
	position: absolute;
	top: 0;
	left: 9px;
	display: block;
	width: 20px; /* 横幅 */
	height: 2px; /* 1本辺りの高さ */
	background: #81292d; /* 線の色 */
	/* 適用するプロパティ、変化する時間、変化する速度 */
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
 
#hMenuBtn .hbBar01 { top: 4px; }
#hMenuBtn .hbBar02 { top: 11px; }
#hMenuBtn .hbBar03 { top: 18px; }

#hMenuBtn p{
	display:block;
	padding:22px 0 0 0;
	font-size:77%;
	color:#81292d;
	}

#hMenuBtn.open{}
#hMenuBtn.open span{
	/*background: #fff;  線の色 */
	}
#hMenuBtn.open p{
	/*color: #fff;  線の色 */
	}
/* 最上部の線のスタイル ---------------------- */
#hMenuBtn.open .hbBar01 {
  top: 11px; /* 上から2番目の線の位置に変更 */
  /* 線を45度回転 */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 上から2番目の線のスタイル ---------------------- */
#hMenuBtn.open .hbBar02 {
  opacity: 0; /* 不透明度を下げて線を消す */
}

/* 最下部の線のスタイル ---------------------- */
#hMenuBtn.open .hbBar03 {
  top: 11px; /* 上から2番目の線の位置に変更 */

  /* 線を135度回転 */
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
/*#hMenuBtn.open p{
	color:#000;
	}*/

/*telWrap
#########################################*/
#telWrap{}
#fSubNav{
	position:fixed;
	/*right:60px;*/
	right:95px;
	top:6px;
	text-align:left;
	z-index:9999 !important;
}
#fSubNav li{
	margin: 6px 0;
	line-height: 1.2;
	font-size: 77%;
	font-weight: bold;
}
#fSubNav li a{
	display: block;
	position: relative;
	padding: 0 0 0 10px;
}
#fSubNav li a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	margin: -4px 0 0 0;
	border-left: 7px solid #81292d;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 7px solid transparent;
}
/*tel
#########################################*/
/*hTel*/
#hTel{
	position:fixed;
	right:45px;
	top:5px;
	width:40px;
	height:40px;
	text-align:center;
	z-index:9999 !important;
}
#hTel a{
	display: block;
	height: 100%;
	background: url(../images/common/ico_tel_2x.png) no-repeat center 6px;
	/*background-size: cover;*/
	background-size: 30px auto;
}
#hTel a img{
	display: none;
}

/*nav
#########################################*/
/*hNav*/
#hNav{
	clear: both;
	position: fixed;
	bottom: 0;
	/*left: 0;
	width: 100%;*/
	right: 0;
	width: 66.66%;
	z-index: 9999;
}
#hNav .nav{
	float: left;
	width: 50%;
	font-size: 100%;
	text-align: center;
}

#hNav .nav a{
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	border-radius: 0;
}
#hNav .nav a::before{
	display: none;
}
#hNav .nav a img{
	max-height: 36px;
	vertical-align: middle;
}
#hNav .nav:first-of-type a img{
	vertical-align: top;
}
/*hBtnMap*/
#hBtnMap{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 33.34%;
	z-index: 9999;
	font-size: 100%;
	text-align: center;
}

#hBtnMap a{
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	background-color: #ed6c00;
	color: #fff;
}
#hBtnMap a::before{
	content: "";
	display: inline-block;
	width: 24px;
	height: 100%;
	margin: 0 0 0 0;
	background-position: center 6px;
	background-repeat: no-repeat;
	background-image: url("../images/common/ico_map_2x.png");
	background-size: contain;
	vertical-align: top;
}

/*hSns*/
#hSns{
	display: none;
}
#hSns li{
	display: inline-block;
	width: 30px;/*最小サイズ29px*/
	margin: 15px;
}
#header.open #hSns{
	display:block;
	position: absolute;
	left: 0;
	top: 470px;
	width: 100%;
	z-index:9999;
	text-align: center;
}

/*fSns*/
#fSns{}
#fSns li{
	display: inline-block;
	width: 30px;/*最小サイズ29px*/
	margin: 15px;
}



/*gNav*/
/*#gNav{}

#gNav > ul .nav{
	position: relative;
	text-align:left;
	line-height:1.6;
	font-weight: bold;
	}
#gNav > ul .nav{
	width: 48.5%;
	margin: 0 0 10px 0;
	font-size:85%;
	}
#gNav > ul .nav:nth-of-type(2n+1){
	float: left;
	clear: both;
	}
#gNav > ul .nav:nth-of-type(2n){
	float: right;
	}
#gNav .nav > a,
#gNav .nav > span{
	position:relative;
	display:block;
	}
#gNav .nav > * img{
	margin: 0 0 3px 0;
	}
#gNav .nav > * p{
	float: left;
	}
#gNav .nav > * strong{
	float: right;
	}*/
/*pagetop
#########################################*/
.btnPagetop{
	display: none;
	position:fixed;
	right:5px;
	bottom:35px;
	width:40px;
	height:40px;
	z-index: 9999;
	}
.btnPagetop a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	/*background:rgba(129,41,45,0.8);*/
	background:rgba(0,0,0,0.8);
	border-radius:50%;
	border:1px solid  rgba(255,255,255,0.2);
}
.btnPagetop a::after{
	content: "";
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	vertical-align: middle;
	}
.btnPagetop a::after{
	width: 16px;
	height: 16px;
	margin-top:-4px;
	margin-left:-8px;
	border-width:1px;
	border-style:solid;
	border-left:none;
	border-bottom:none;
	border-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*btn
#########################################*/
.btnWrap{
	clear: both;
}
.btnWrap .btn{
	display: inline-block;
	width: 48%;
	margin: 0 1%;
	font-size: 139%;
	text-align: center;
	}
.btnWrap .btn a{
	display: block;
	height: 40px;
	line-height: 40px;
	letter-spacing: 0.05em;
	}
.btnWrap .btn a::before{
	width: 34px !important;
	margin: 0 5px 0 0;
	}

.btn a,
.btnReq a,
.btnRsv a{
	border-radius: 4px;
	}

.btnReq a::before,
.btnRsv a::before{
	content: "";
	display: inline-block;
	width: 24px;
	height: 100%;
	margin: 0 4px 0 0;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: top;
	/*background-size: contain;*/
}
.btnReq a{
	background: #81292d;
	color: #fff;
}
.btnReq a::before{
	background-image: url(../images/common/ico_req.svg);
}
.btnRsv a{
	background: #006896;
	color: #fff;
}
.btnRsv a::before{
	background-image: url(../images/common/ico_rsv.svg);
}

/*拡大アイコン*/
.icoExpand{
	position: relative;
	display: block;
}
.icoExpand::after{
	position: absolute;
	right: 0;
	bottom: 0;
	content: "";
	width: 16px;
	height: 16px;
	background: #81292d url(../images/common/ico_expand.png) no-repeat center center;
	background-size: cover;
}
/*footer
#########################################*/
#footer{
	clear: both;
	padding:20px 0 20px 0;
	background: #fdd000;
	background-size: cover;
	border-top:4px solid #81292d;
	}
	
/*fTel
#########################################*/
#fTel{
	width: 70%;
	margin: 0 auto 20px auto;
	text-align:center;
	}
#fTel a{
	display: block;
	}
/*fComp
#########################################*/
#fComp{
	text-align: center;
	}
#fLogo{
	width: 60%;
	margin:0 auto;
	}
#fComp address{
	margin: 1.0em 0 0 0;
	font-size:93%;
	line-height:1.2;
	font-style: normal;
	}
	
#copyright{
	clear:both;
	padding:20px 0 50px 0;
	font-size:77%;
	text-align:center;
	line-height:1.4;
	}

/*contents
#########################################*/
#contents{
	margin:55px 0 0 0;/*header height + 2px*/
	padding: 0 0 20px 0;
	}

.sec{
	/*padding-top:20px;*/
	}
.sec02{
	padding-bottom:20px !important;
	}


.copy01{
	margin: 0 0 0.5em 0;
	text-align: center;
	color: #81292d;
	font-size: 139%;/*18 / 22*/
	line-height: 1.6;
	font-feature-settings: "palt";
	}
.copy02{
	margin: 0 0 3em 0;
	text-align: center;
	font-size: 100%;/*13 / 16*/
	line-height: 1.6;
	font-feature-settings: "palt";
	}
.copy03{
	margin: 0.7em 0 0.5em 0;
	text-align: left;
	color: #81292d;
	font-size: 124%;/*16 / 18*/
	line-height: 1.6;
	font-feature-settings: "palt";
	}
.copy04{
	margin: 0 0 0.5em 0;
	text-align: left;
	font-size: 139%;/*18 / 22*/
	line-height: 1.6;
	font-feature-settings: "palt";
	}
.copy05{
	margin: 0 0 0.5em 0;
	text-align: center;
	font-size: 116%;/*15 / 18*/
	line-height: 1.6;
	font-feature-settings: "palt";
	}
.pageIco{
	width: 200px;
	margin: 0 auto 20px auto;
	text-align: center;
	}
	
.lead01{
	font-size:100%;/*13 / 14*/
	line-height: 1.6;
	}
.lead02{
	font-size:93%;/* 12 / 13*/
	line-height: 1.6;
	}

	
/*bg ////////////////////////////// */
.bg01{
	background: #fdd000;
	}
.bg02{
	background: #81292d;
	}
.bg03{
	background: #fff;
	}
/*color ////////////////////////////// */
.tCol01{
	color:#fdd000;
	}
.tCol02{
	color:#81292d;
	}
	
/*list ////////////////////////////// */
ul.list01 li{
	list-style-type:disc;
	}
ul.list02 li{
	list-style-type:square;
	}
ol.list01 li{
	list-style-type:decimal;
	}
ol.list02 li{
	list-style-type:upper-roman;
}
.list01 li,
.list02 li{
	margin-bottom:4px;
	margin-left:20px;
	text-align:left;
	}

/*caption ////////////////////////////// */
.capTxt{
	font-size:77%;
	line-height:1.2;
	clear:both;
}

/*キャプション左*/
.capTxtL{
	text-align:left !important;
}
/*キャプション右*/
.capTxtR{
	text-align:right !important;
}
/*キャプションセンター*/
.capTxtC{
	text-align:center !important;
}

/* iPhone5 とか*/
@media screen and (max-width: 320px) {
#gNav > ul .nav:last-of-type{
	font-size:9px;
	}
}

@media screen and (min-width:420px) and (max-width:767px) {}

/* for PC*/
@media print, screen and (min-width:768px) {
body{
	position:static;
	padding-bottom:0;
	}
.sp{display:none;}
.pc{display:block;}

.spIL{display:none;}
.pcIL{display:inline;}

.conSP{
	margin-left:0 !important;
	margin-right:0 !important;
}
.conPC{
	max-width:1020px;/*1000px*/
	width: auto !important;
	width: 1020px;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-left:10px;
	padding-right:10px;
}

a:link,
a:visited{
	text-decoration:none;
	}
a:active,
a:not(.disabled):hover{
	/*color:#999;*/
	text-decoration:none;
	/*color:#8D8C85;*/
	}

a:hover,
.hover
/*.nav a:hover*/{
	-webkit-transition: .6s;
	transition: .6s;
	}
.hover:hover,
.nav a:hover,
.btn a:hover,
.btnPagetop a:hover {
 	opacity: 0.7;
	-khtml-opacity: .70;
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
 	}

.disabled:hover{
	opacity: 1.0 !important;
	-khtml-opacity: 1.0 !important;
	-moz-opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha(opacity=100)" !important;
}	


.flex00 {
	display: block;
}
.flex01 {}
.flex02 {}

/*HEADER
#########################################*/
#header{
	height:110px;
	padding-top: 32px;
	overflow: visible;
	border-bottom-width: 8px
	}
#header::after{
	content: "";
	width: 100%;
	height: 20px;
	background: #81292d;
	}
#header,
#header *{
	-moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
	}

#hTxt{
	display:block;
	position:relative;
	/*float:right;*/
	width:auto;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	font-size:85%;
	z-index: 10000;
	}
#hLogo{
	clear:both;
	float:left;
	width: 27%;
	height:auto !important;
	padding:0 0 0 0;
	}
#hLogo img{
	height: auto;
	}
#hMenuBtn{
	/*display:none;*/
	position:absolute;
	right:10px;
	top:auto;
	bottom:-34px;
	width:70px;
	height:40px;
	text-align:center;
	/*border:1px solid #000;*/
	z-index:9999 !important;
	}
	
#hMenuBtn span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px; /* 横幅 */
	height: 2px; /* 1本辺りの高さ */
	background: #fff; /* 線の色 */
	/* 適用するプロパティ、変化する時間、変化する速度 */
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
 
#hMenuBtn .hbBar01 { top: 9px; }
#hMenuBtn .hbBar02 { top: 14px; }
#hMenuBtn .hbBar03 { top: 19px; }

#hMenuBtn p{
	position:absolute;
	right: 0;
	top:0;
	padding: 5px 0 0 0;
	font-size:77%;
	color:#fff;
	font-weight: bold;
	}

/*telWrap
#########################################*/
#hTelWrap{
	float: right;
	width:24%;
	}
#fSubNav{
	position:static;
	margin: 8px 0;
}
#fSubNav li{
	float: left;
	margin: 0 10px 0 0;
}
#fSubNav li a{
	padding: 0 20px 0 0;
}
#fSubNav li a::before{
	left: auto;
	right: 0;
}
/*tel
#########################################*/
/*hTel*/
#hTel{
	/*float: right;*/
	position:static;
	/*width:24%;*/
	width: 100%;
	height:auto;
	margin: -10px 2.0% 0 0;
	text-align:left;
}
#hTel a{
	display: block;
	background: none;
}
#hTel a img{
	display: block;
}
	
/*nav
#########################################*/
/*hNav*/
#hNav{
	position: static;
	clear: none;
	float: right;
	/*width: 26%;*/
	width: 30%;
	text-align: right;
	margin-top: -6px;
}

#hNav .nav{
	float: none;
	display: inline-block;
	/*width: 125px;
	margin: 0 0 0 8px;*/
	/*width: 48.0%;
	margin: 0 0 0 3.8%;*/
	width: 55.3%;
	margin: 0 0 0 3.0%;
	font-size: 108%;
	font-weight: bold;
	vertical-align: top;
}
#hNav .nav:first-of-type{
	width: 41.6%;
	margin: 0;
}
#hNav .nav a{
	/*height: 40px;
	line-height: 40px;*/
	height: auto;
	line-height: 1.0;
	border-radius: 4px;
}
#hNav .nav a::before{
	display: none;
	}
#hNav .nav a img{
	max-height: initial;
}
/*hBtnMap*/
#hBtnMap{
	position: absolute;
	bottom: 6%;
	left: auto;
	right: 10px;
	/*width: 25.5%;*/
	width: 29.5%;
	z-index: 9999;
	font-size: 108%;
	text-align: center;
	font-weight: bold;
	/*position: absolute;
	bottom: -4px;
	left: auto;
	right: 0;
	width: auto;
	z-index: 9999;
	font-size: 108%;
	text-align: left;
	font-weight: bold;*/
}
#hBtnMap a{
	position: relative;
	display: block;
	height: auto;
	line-height: normal;
	padding: 2px 0;
	text-align: center;
	border-radius: 4px;
	/*position: relative;
	display: block;
	height: auto;
	line-height: auto;
	padding: 0 24px 0 0;
	background: none;
	color: #000000;*/
}
#hBtnMap a::before{
	height: 20px;
	background-position: center center;
	/*content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	margin: -6px 0 0 0;
	border-left: 9px solid #81292d;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 9px solid transparent;
	background-image: none;*/
}
/*hSns*/
#hSns{
	display: block;
	position: static;
	clear: none;
	float: right;
	width: auto;
	margin: 5px 0 0 20px;
}
#header.open #hSns{
	position: static;
	top: auto;
	width: auto;
	}
#hSns li{
	display: block;
	float: left;
	width: 30px;/*最小サイズ29px*/
	margin: 0 15px 0 0;/*余白アイコンの半分*/
	line-height: 1.0;
}
#hSns li a{
	display: block;
}

/*fSns*/
#fSns{
display: none;
}
#fSns li{}

/*gNav*/
/*#gNav{}
#gNav > ul .nav{
	float:left;
	width:28%;
	margin: 0 8% 20px 0;
	}
#gNav > ul .nav{
	font-size: 108%;
	}
#gNav > ul .nav:nth-of-type(2n+1){
	clear: none;
	}
#gNav > ul .nav:nth-of-type(2n){
	float: left;
	}
#gNav > ul .nav:nth-of-type(3n+1){
	clear: both;
	}
#gNav > ul .nav:nth-of-type(3n){
	margin-right: 0;
	}
#gNav .nav > a,
#gNav .nav > span{}
*/
	
/*スクロールしたら縮小*/
.hScroll{
	-webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
	}
.hScroll#header{
	height: 130px;
}
.hScroll #hLogo{
	width: 20%;
	margin-top: 35px;
	}
.hScroll #hNav .nav{
	margin-top: 36px;
	}
.hScroll #hNav .nav a{
	/*height: 30px;
	line-height: 30px;*/
	}
.hScroll #hNav .nav a img{
	height: 34px;
	}
.hScroll #hSns li{
	margin-top: 32px;
	}
.hScroll #hTelWrap{
	width: 16%;
	margin-top: 40px;
	}
.hScroll #hTel{
	/*width: 16%;
	margin-top: 34px;*/
	}
/*.hScroll #gNav .nav a{
	padding: 10px 0;
	}*/

.hScroll #hBtnMap a{
	padding: 0;
	}
.hScroll #hBtnMap a::before{
	height: 16px;
	margin: 2px 0 0 0;
	}
	
/*pagetop
#########################################*/
.btnPagetop{
	width: 60px;
	height: 60px;
}
.btnPagetop a{}
.btnPagetop a::after{}
.btnPagetop a::after{}

/*footer
#########################################*/
#footer{
	padding:15px 0;
	border-top-width: 4px;
	}
	
/*fTel
#########################################*/
#fTel{
	float: right;
	width: 26%;
	margin: 0 0 0 0;
	text-align:left;
	}

/*fComp
#########################################*/
#fComp{
	float: left;
	width:50%;
	text-align: left;
	}
#fLogo{
	width: 60%;
	margin:0;
	}
#fComp address{}
#copyright{}

/*contents
#########################################*/	
#contents{
	/*margin:110px 0 0 0;*/
	/*margin:124px 0 0 0;*/
	margin:100px 0 0 0;
	padding:0 0 40px 0;
	}

.sec{
	/*padding-top:20px;*/
	}
.sec02{
	padding-bottom:40px !important;
	}
.copy01{
	font-size: 170%;/*18 / 22*/
	}
.copy02{
	font-size: 124%;/*13 / 16*/
	}
.copy03{
	font-size: 139%;/*16 / 18*/
	}
.copy04{
	font-size: 170%;/*18 / 22*/
	}
.copy05{
	font-size: 139%;/*15 / 18*/
	}
.pageIco{
	width: 260px;
	}
	
.lead01{
	font-size:108%;/*13 / 14*/
	}
.lead02{
	font-size:100%;/* 12 / 13*/
	}
	
/*bg ////////////////////////////// */
.bg01{}
.bg02{}


}

/*for Retina common and SP*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) { }

/*for Retina PC*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:768px) { }