@charset "utf-8";

/* for Common & Smartphone*/
html,body{
	position:relative;
	height:100%;
}

html{
	font-size: 62.5%;/*10px基準*/
}
body{
	position:relative;
	-webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
	background: #fff;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: 500;
	color: #000;
	line-height:1.6;
}
@media screen and (max-width: 769px){
	body {
		/*初期化*/
		/*min-width: initial;*/
	}
}
@media screen and (max-width:320px) {
	html{
		font-size: 50%;/*8px基準*/
	}
}
/* for tablet*/
@media only screen and (min-device-width: 768px) and (max-device-width: 840px) and (orientation:portrait) {
/*縦向きのみの記述*/
	
}
/* for tablet*/
@media only screen and (min-device-width: 768px) and (max-device-width: 834px) and (orientation:portrait) {
/*縦向きのみの記述 --- iPad Pro12.9はPC表示*/
	html{
		font-size: 50%;/*8px基準*/
	}
}

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

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

.conSP{
	/*margin-left:5.3vw !important;
	margin-right:5.3vw !important;*/
	margin-left:2.66vw !important;
	margin-right:2.66vw !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: 'Cormorant Garamond', serif;
	font-weight: 400;
	}
/*.fEn.bold{
	font-family: 'Cormorant Garamond', serif;
	font-weight: 700;
	}*/

.fMin{
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝","MS PMincho", "ＭＳ 明朝", serif;
	}
.fMin .bold,
.fMin.bold{
	font-family: 'Noto Serif JP', "游明朝", 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: #fff;
	border-bottom:4px solid #3daba4;
	z-index:9999;
	}
#header.open{}
#hTxt{
	/*display:none;*/
	/*position:absolute;
	bottom:5px;
	left:0;*/
	padding:10px 10px 5px 10px;
	width:100%;
	border-top: 1px solid #ccc;;	
	font-size: 1.0rem;
	text-align:center;
	font-weight: normal;
	font-feature-settings: "palt";
	}
#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:7px;
	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: #000; /* 線の色 */
	/* 適用するプロパティ、変化する時間、変化する速度 */
	-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: 1.0rem;
	color:#000;
	}

#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: 1.0rem;
	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 #3daba4;
	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.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: 1.3rem;
	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: 1.3rem;
	text-align: center;
}

#hBtnMap a{
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	background-color: #000;
	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.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: 1.1rem;
	}
#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: 1.8rem;
	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: #00479d;
	color: #fff;
}
.btnReq a::before{
	background-image: url(../images/common/ico_req.svg);
}
.btnRsv a{
	background: #0099d9;
	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: #000 url(../images/common/ico_expand.png) no-repeat center center;
	background-size: cover;
}
/*footer
#########################################*/
#footer{
	clear: both;
	padding:20px 0 20px 0;
	background: #fff;
	background-size: cover;
	border-top:4px solid #3daba4;
	}
	
/*fTel
#########################################*/
#fTel{
	width: 70%;
	margin: 0 auto 20px auto;
	text-align:center;
	}
#fTel a{
	display: block;
	}
/*fComp
#########################################*/
.fComp{
  margin: 0 0 20px 0;
	text-align: center;
	}
.fLogo{
	/*width: 60%;*/
	margin:0 auto;
	}
.fComp.bloom .fLogo,
.fComp.bloom p:nth-of-type(1){
	width: 195px;
	}
.fComp.lc .fLogo,
.fComp.lc p:nth-of-type(1){
	width: 255px;
	}
.fComp p:nth-of-type(1){
	margin:0 auto 5px auto;
  padding: 0 0 0 30px;
	font-size: 1.0rem;
	line-height:1.2;
	font-style: normal;
  text-align: left;
	}
.fComp p:nth-of-type(2){
  margin: 5px 0 0 0;
	font-size: 1.2rem;
	}
.fComp address{
	margin: 5px 0 0 0;
	font-size: 1.2rem;
	line-height:1.2;
	font-style: normal;
	}
	
#copyright{
	clear:both;
	padding:20px 0 50px 0;
	font-size: 1.0rem;
	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;
	}

.nw{
	white-space: nowrap;
	}
.lsN{/*、とか。をつめる*/
	display: inline-block;
	margin-right: -0.5em;
	}
.copy01{
	margin: 0 0 1.0em 0;
	text-align: center;
	font-size: 1.8rem;/*18 / 26*/
	line-height: 1.6;
	font-feature-settings: "palt";
	}
.copy02{
	margin: 0 0 3em 0;
	text-align: center;
	font-size: 1.3rem;/*13 / 16*/
	line-height: 1.6;
	font-feature-settings: "palt";
	}
.copy03{
	margin: 0.7em 0 0.5em 0;
	text-align: left;
	color: #3daba4;
	font-size: 1.6rem;/*16 / 18*/
	line-height: 1.6;
	font-feature-settings: "palt";
	}
.copy04{
	margin: 0 0 0.5em 0;
	text-align: left;
	font-size: 1.8rem;/*18 / 20*/
	line-height: 1.6;
	font-feature-settings: "palt";
	}
.copy05{
	margin: 0 0 0.5em 0;
	text-align: center;
	font-size: 1.5rem;/*15 / 18*/
	line-height: 1.6;
	font-feature-settings: "palt";
	}
.pageIco{
	width: 200px;
	margin: 0 auto 20px auto;
	text-align: center;
	}
	
.lead01{
	font-size: 1.3rem;/*13 / 14*/
	line-height: 1.6;
	}
.lead02{
	font-size: 1.2rem;/* 12 / 13*/
	line-height: 1.6;
	}

	
/*bg ////////////////////////////// */
.bg01{
	background: #3daba4;
	}
.bg02{
	background: #f6f1d6;
	}
.bg03{
	background: #fff;
	}
/*color ////////////////////////////// */
.tCol01{
	color:#3daba4;
	}
.tCol02{
	color:#f6f1d6;
	}
	
/*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 ////////////////////////////// */
.caption{
	padding: 20px 0 0 0;
}
.capTxt{
	font-size: 1.0rem;
	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) {

}

@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:120px;
		/*padding-top: 32px;*/
		padding-top: 28px;
		overflow: visible;
		border-bottom-width: 8px
		}
	#header::after{
		content: none;
		/*content: "";
		width: 100%;
		height: 20px;
		background: #000;*/
		}
	#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;
		border-top: none;
		text-align:left;
		font-size: 1.2rem;
		z-index: 10000;
		}
	#hLogo{
		clear:both;
		float:left;
		width: 26%;
		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: 1.0rem;
		color:#fff;
		font-weight: bold;
		}

	/*telWrap
	#########################################*/
	#hTelWrap{
		float: right;
		width:24.5%;
		}
	#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;*/
		margin: 0 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: 26.2%;
		text-align: right;
		/*margin-top: -6px;*/
		margin-top: 0;
	}

	#hNav .nav{
		/*float: none;*/
		float: right;
		width: 47.7%;
		/*margin: 0 0 0 3.0%;*/
		font-size: 1.4rem;
		font-weight: bold;
		vertical-align: top;
	}
	#hNav .nav:first-of-type{
		float: left;
		/*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: 15%;
		left: auto;
		right: 10px;
		width: 25.68%;
		z-index: 9999;
		font-size: 1.4rem;
		text-align: center;
		font-weight: bold;
		/*position: absolute;
		bottom: -4px;
		left: auto;
		right: 0;
		width: auto;
		z-index: 9999;
		font-size: 1.4rem;
		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{
		content: none;
		/*height: 20px;
		background-position: center center;*/
	}
	/*hSns*/
	#hSns{
		display: block;
		position: static;
		clear: none;
		float: right;
		width: auto;
		margin: 25px 0 0 5px;
	}
	#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: 1.4rem;
		}
	#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;*/
		height: 135px;
	}
	.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;*/
		margin-top: 36px;
		}
	.hScroll #hTel{
		/*width: 16%;
		margin-top: 34px;*/
		}
	/*.hScroll #gNav .nav a{
		padding: 10px 0;
		}*/
	.hScroll #hBtnMap{
		bottom: 6%;
	}
	.hScroll #hBtnMap a{
		padding: 0;
		}
	.hScroll #hBtnMap a::before{
		content: none;
		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:36%;
		text-align: left;
		}
	.fComp p:nth-of-type(1){
		margin-left:0;
		margin-right:0;
    font-feature-settings: "palt";
		}
	.fLogo{
		margin:0;
		}
  .fComp.bloom .fLogo,
  .fComp.bloom p:nth-of-type(1){
    width: 74%;
    }
  .fComp.lc .fLogo,
  .fComp.lc p:nth-of-type(1){
    width: 97%;
    }
  .fComp p:nth-of-type(1),
  .fComp p:nth-of-type(2),
  .fComp address{
    padding: 0 0 0 40px;
    }
  .fComp p:nth-of-type(2){}
  .fComp address{}
	
  
	.fComp address{}
	#copyright{}

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

	.sec{
		/*padding-top:20px;*/
		}
	.sec02{
		padding-bottom:40px !important;
		}
	.nw{
		white-space: normal;
		}
	.copy01{
		font-size: 2.6rem;/*1.8 / 26*/
		}
	.copy02{
		font-size: 1.6rem;/*13 / 16*/
		}
	.copy03{
		font-size: 1.8rem;/*16 / 18*/
		}
	.copy04{
		font-size: 2.0rem;/*18 / 20*/
		}
	.copy05{
		font-size: 1.8rem;/*15 / 18*/
		}
	.pageIco{
		width: 260px;
		}

	.lead01{
		font-size: 1.4rem;/*13 / 14*/
		}
	.lead02{
		font-size: 1.3rem;/* 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) { }