@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;
}

/*HEADER
#########################################*/
#header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background: url(../images/common/hf_bg_sp.jpg) no-repeat center center;
	background-size: cover;
	border-bottom:4px solid #81292d;
	z-index:9999;
	}
#header.open{}
#header.open > div.spH{
  position: relative;
  background-color: #fff;
  z-index: 9999;
}
#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: 40%;
	padding:15px 0 10px 5px;
	text-align:left;
	z-index:9999 !important;
	}
/*#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;
	}*/

/*tel
#########################################*/
/*hTel*/
#hTel{
	position:fixed;
	right:45px;
	top:4px;
	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%;
	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;
}

/*header open時*/
#header.open #hNav{
	bottom: auto;
  top: 51px;/*headerの高さ*/
}
#header.open #hNav .nav a{
	height: 70px;
	line-height: 70px;
}


/*hSns*/
/*#hSns{
	display: none;
}*/


#hSns li{
	display: inline-block;
	width: 30px;/*最小サイズ29px*/
	margin: 15px;
}
#hSns li:nth-of-type(2){
	display: none;
}

@media screen and (max-width:767px) {
  #hSns{
    position: absolute;
    right: 80px;
    top: 0;
  }
  #hSns li{
    margin: 10px 15px 15px 15px;
  }
}
/*#header.open #hSns{
	display: block;
	position: absolute;
	left: 0;
	top: 470px;
	width: 100%;
	z-index:9999;
	text-align: center;
}*/

/*スマホのSNSボタン 221009追加*/ 
#gNav .hSnsSP{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  padding: 20px 0;
}
#gNav .hSnsSP span{
  display: block;
  width: auto;
  margin: 0 15px;
}
#gNav .hSnsSP span a{
  display: block;
}
#gNav .hSnsSP a img{
  /*width: 30px;*//*最小サイズ29px*/
  height: 30px;
}

#gNav .btnNavClose{
  position: relative;
  display: inline-block;
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
  text-align: center;
  color: #81292d;
  cursor: pointer;
  line-height: 1.0;
  font-size: 100%;
}
#gNav .btnNavClose::before,
#gNav .btnNavClose::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 15px;
  background: #81292d;
  transform-origin: center center;
}
#gNav .btnNavClose::before{
  transform: rotate(45deg);
}
#gNav .btnNavClose::after{
  transform: rotate(-45deg);
}

/*gNav*/
/*230531リニューアルスマホのみ*/
#gNav{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: url(../images/common/gnav_bg_sp.jpg) no-repeat center bottom;
	background-size: cover;
	z-index:9998;
	overflow-y: scroll;
	}

#gNav > ul{
	/*height: 100%;*/
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	}
#gNav .nav{
	position: relative;
	text-align:left;
	line-height:1.6;
	letter-spacing:0.05em;
	font-weight: bold;
	}
#gNav > ul .nav{
  width: 50%;
	border-bottom:1px solid #81292d;
	font-size:115%;
	}

#gNav > ul .nav.navTop{display: none;}
#gNav > ul .nav.navSales{display: block; order: 1;}
#gNav > ul .nav.navConcept{display: block; order: 2;}
#gNav > ul .nav.navCompany{display: block; order: 3;}
#gNav > ul .nav.navBusiness{display: block; order: 6;}
#gNav > ul .nav.navResult{display: block; order: 7;}
#gNav > ul .nav.navProfile{display: none;}
#gNav > ul .nav.navBlog{display: block; order: 5;}
#gNav > ul .nav.navVoice{display: block; order: 4;}
#gNav > ul .nav.navRecruit{display: block; order: 8;}
#gNav > ul .nav.navLand{display: block; order: 9;}

#gNav > ul .nav.navCompany,
#gNav > ul .nav.navBlog,
#gNav > ul .nav.navResult,
#gNav > ul .nav.navLand{
  border-left: 1px solid #81292d;
}

#gNav > ul .nav.navSales{
  width: 100%;
	margin:121px 0 0 0;
	font-size:186%;
	}
#gNav .nav > a{
	position:relative;
	display:block;
  height: 70px;
	padding:0 0 0 24px;
	line-height: 70px;
	color: #81292d;
	text-align: left;
	}

#gNav .nav > a::before,
#gNav .nav > a::after{
  content: "";
	position: absolute;
	right: 24px;
	top: 50%;
	height: 1px;
	background: #81292d;
}
#gNav .nav > a::before{
	width: 20px;
}
#gNav .nav > a::after{
	width: 10px;
  transform: rotate(40deg);
  transform-origin: right center;
}

#gNav .nav.current > a{
	background: rgba(129,41,45,0.2);
	/*color: #fff;*/
}
#gNav .nav.current > a::before,
#gNav .nav.current > a::after{
	/*background: #fff;*/
}


#gNav .nav > ul {/*sub*/
  display: none;
	position: static;
	margin-top:-0.2em;
	border-top: 1px dotted #ccc;
	text-align: left;
}
#gNav .nav > ul > li {
	display: inline-block;
	padding: 0 0 0 1.5em;
	text-align: left;
	font-size:87.5%;
}
#gNav .nav > ul > li > a,
#gNav .nav > ul > li > span{
	position: relative;
	display: block;
	height: 100%;
	padding: 0.5em 0.5em 0.5em 2.0em;
	color: #000;
}
#gNav .nav > ul > li > span{
	color: rgba(0,0,0,0.3);
}
#gNav .nav > ul > li > a::before,
#gNav .nav > ul > li > span::before{
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top:-3px;
	width: 0;
	height: 0;
	border-left: 6px solid #000;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-right: 6px solid transparent;
}
#gNav .nav > ul > li > span::before{
	border-left-color: rgba(0,0,0,0.3);
}


#gNav .nav:hover > ul > li:last-of-type > *{}

/*lNav*/
/* lNav CATEGORY ////////////////////////////// */
.lNav{
	margin: 0 0 30px 0;
}
.lNav .nav{
	width: 48%;
	margin: 0 0 10px 0;
	border: none;
	}
.lNav .nav:nth-of-type(2n+1){
	clear: both;
	float: left;
	}
.lNav .nav:nth-of-type(2n){
	float: right;
}
.lNav .nav:nth-of-type(n+3){
	padding-top: 20px;
}
.lNav .nav a{
	position: relative;
	display: block;
	/*overflow: hidden;*/
	letter-spacing: normal;
	text-decoration: none;
	}
.lNav .nav a::after{
	content: "";
	display: block;
	clear: both;
}
.lNav .nav img{
	display: block;
	margin: 0 auto 5px auto;
}
.lNav .nav p{
	float: left;
	font-size: 108%;
	text-align: left;
	line-height: 1.2;
	color: #81292d;
}
.lNav .nav span{
	float: right;
	display: block;
	padding: 0.2em 0 0 0;
	font-size: 77%;
	text-align: right;
	line-height: 1.2;
	color: #000;
}
.lNav .nav a.current::before,
.lNav .nav.current a::before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 5px;
	background: #81292d;
	}

/*タブコンテンツ
#########################################*/
.tabs .current {
  /* 何かタブを変更する設定 */
}
#tabContents{
	position: relative;
	overflow: hidden;
}
.tabContent {
	/*display: none;*/
	position: absolute;
	width: 100%;
	transition: all .3s;
	opacity: 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.tabContent.show {
	/*display: block;*/
	opacity: 1.0;
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

/*ページネーション
#########################################*/
.pagination {
	clear: both;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0;
    position: relative;
    font-size: 13px;
}

.pagination span, .pagination a {
    display: block;
    width: auto;
    margin: 4px;
    padding: 8px;
    border: 1px solid #000;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 16px;
}

/* ページ番号 */
.pagination .pager{
    width: 32px;
}

/* ホバー時 & 現在のページ */
.pagination a:hover,
.pagination .current  {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

/* 前へ */
.pagination a.prev {
    margin-right: 16px;
}
/* 次へ */
.pagination a.next {
    margin-left: 16px;
}
/* 最初へ */
.pagination a.first {}
/* 最後へ */
.pagination a.last {}

/* Page x / y */
.pagination span.page_num {
    display: none;
}

/*個別ページの前、次の記事リンク*/
.prevLink,
.nextLink{
	display: inline-block;
	font-size: 100%;
	text-align: center;
}
.prevLink a,
.nextLink a{
    display: block;
    width: auto;
    margin: 4px;
    padding: 8px;
    border: 1px solid #000;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 16px;
}
.prevLink a:hover,
.nextLink a:hover  {
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.prevLink a::before{
	content: "« ";
}
.nextLink a::after  {
	content: " »";
}

/*パンクズ
#########################################*/
.crumbs{
	display:none;
}
.crumbs{}
.crumbs a{}

/*pagetop
#########################################*/
.btnPagetop{
	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);
}

.btn01{
	min-width: 45%;
	margin: 0 auto;
	font-size: 108%;
	text-align: center;
}
.btn01 a{
	display: block;
	height: 30px;
	line-height: 30px;
	background: #81292d;
	color: #fff;
	border-radius: 4px;
}

/*▶︎つき*/
.btn02{
	min-width: 45%;
	margin: 0 auto;
	font-size: 124%;
	text-align: center;
}
.btn02 a{
	display: block;
	height: 40px;
	line-height: 40px;
	background: #81292d;
	border-radius: 4px;
	color: #fff;
}
.btn02 a::after{
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 0;
	height: 0;
	margin: -4px 0 0 1em;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left: 10px solid #fff;
	border-right: 0 solid transparent;
}

:not(.pjUnit) .icoNew{
	display: inline-block;
	width: 3.5em;
	/*height: 14px;
	line-height: 14px;*/
	line-height: 1.0;
	padding: 0.3em 0;
	border-radius: 8px;
	vertical-align: middle;
	background: #81292d;
	color:#fff;
	font-size: 77%;
	text-align: center;	
}
:not(.pjUnit) .icoCat{
	display: inline-block;
	/*height: 14px;
	line-height: 14px;*/
	line-height: 1.0;
	margin: -5px 0 0 8px;
	padding: 0.3em 0;
	vertical-align: middle;
	color:#fff;
	font-size: 77%;
	text-align: center;	
	letter-spacing: normal;
}

/*お知らせカテゴリ色*/
.icoCat.infoCat{
	min-width: 8em;
}

.icoCat.infoCat.info{
	background: #0068b7;	
}
.icoCat.infoCat.event{
	background: #ffb203;	
}
.icoCat.infoCat.modelhouse{
	background: #ea5b2f;	
}
.icoCat.infoCat.project{
	background: #ac6a00;	
}

/*ブログカテゴリ色*/
.icoCat.blogCat{
	min-width: 10em;
}
.icoCat.blogCat.knowhow{
	background: #6a3906;
}
.icoCat.blogCat.project{
	background: #ac6a00;
}
.icoCat.blogCat.kodawari{
	background: #0068b7;
}
.icoCat.blogCat.works{
	background: #000ff0;
	/*background: #ff0;*/
}
.icoCat.blogCat.voice{
	background: #ea5b2f;
}
.icoCat.blogCat.qa{
	background: #666;
}
.icoCat.blogCat.staff{
	background: #ffb203;
}

/*拡大アイコン*/
.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: url(../images/common/hf_bg_sp.jpg) no-repeat center center;
	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;
	}
#footer .ppLink{
  display: inline-block;
	margin: 5px 0 0 0;
	font-size:85%;
	line-height:1.2;
	font-style: normal;
  text-align: center;
	}
#footer .ppLink::before{
	display: inline-block;
  vertical-align: middle;
  content: "";
  width: 0;
  height: 0;
  margin: -2px 5px 0 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 6px solid #81292d;
  border-right: 0 solid transparent;
	}
	
#copyright{
	clear:both;
	padding:20px 0 50px 0;
	font-size:77%;
	text-align:center;
	line-height:1.4;
	}

/*bnrLand
#########################################*/
.bnrLand{
	max-width: 610px;
	margin: 20px auto 0 auto;
}
.bnrLand a{
	display: block;
}
/*fBtnNav
#########################################*/
#fBtnNav{
	clear: both;
	padding: 30px 0 0 0;
}
#fBtnNav .nav{
	float: left;
	width: 31%;
	margin: 0 3.5% 20px 0;
}
#fBtnNav .nav:nth-of-type(3n){
	margin-right: 0;
}
#fBtnNav .nav:nth-of-type(3n+1){
	clear: both;
}
#fBtnNav .nav a{
	display: block;
}
#fBtnNav .nav img{
	display: block;
	margin: 0 auto 5px auto;
}
#fBtnNav .nav p{
	float: left;
	font-size: 100%;
	text-align: left;
	line-height: 1.2;
	color: #81292d;
}
#fBtnNav .nav span{
	float: right;
	display: block;
	padding: 0.2em 0 0 0;
	font-size: 77%;
	text-align: right;
	line-height: 1.2;
	color: #8b8b8b;
}

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

.sec{
	/*padding-top:20px;*/
	padding-bottom:40px !important;
	}
/*pageImg*/
.pageImg{
	margin:0 0 20px 0;
	text-align:center;
	}
.pageImg img{
	width: 100%;
	height: auto;
	}

/*ttl*/
.pageTtl,
.pageTtl02{
	margin:0 0 20px 0;
	text-align:center;
	}
.pageTtl h1,
.pageTtl h2,
.pageTtl02 *:not(p){
	font-size:139%;
	color: #81292d;
	/*letter-spacing: 0.6em;
	margin-left: 0.5em;*/
	letter-spacing: normal;	
	font-weight: normal;
	}
.pageTtl p,
.pageTtl02 p{
	/*margin:4px 0 0 0;*/
	color:#999;
	font-size:93%;
	}
.pageTtl02 *:not(p){
	letter-spacing: normal;
	margin-left: 0;
}
.ttl01{
	margin:0 0 0.5em 0;
	font-size:124%;
	/*text-align:center;*/
	}

.ttl02{
	margin:0 0 0.6em 0;
	/*font-size:139%;*/
	font-size:154%;
	line-height: 1.6;
	/*text-align:center;*/
	}
.ttl03{
	margin:0 0 1.2em 0;
	font-size:116%;
	line-height: 1.6;
	/*text-align:center;*/
	}
.ttl04{
	margin:0 0 0.5em 0;
	/*font-size:116%;*/
	font-size:124%;
	line-height: 1.6;
	/*text-align:left;*/
	}
.ttl05{
	margin:0 0 1.0em 0;
	font-size:124%;
	}
.lead01{
	margin:0 0 1.6em 0;
	font-size:108%;
	/*text-align:left;*/
	}
.lead02{
	/*margin:0 0 1.6em 0;*/
	font-size:100%;
	/*text-align:left;*/
	}

	
/*bg ////////////////////////////// */
.bg01{
	padding: 30px 0;
	background:#e6e6e6;
	}

/*color ////////////////////////////// */
.tCol01{
	color:#81292d;
	}
.tCol02{
	color:#900;
	}
	
/*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;
}


/*
トップ、物件一覧、物件詳細
*/
/* pjList .pjDtl ////////////////////////////// */

.pjList{
	margin:0 0 20px 0;
	}

.pjUnit .icoNew,
.pjDtl .icoNew{
	background: #81292d;
	}
.pjUnit .status01,
.pjDtl .status01{
	background: #006896;
	}
.pjUnit .status02,
.pjDtl .status02{
	background: #81292d;
	}
.pjUnit .status99,
.pjDtl .status99{
	background: #7d0000;
	}
	
.pjUnit .pjCat,
.pjUnit .pjPicMH{
	width: 95px;
	height: 20px;
	line-height: 20px;
	}
.pjUnit .pjCat,
.pjUnit .pjPicMH,
.pjDtl .pjCat,
.pjDtl .pjPicMH{
	color: #fff;
	text-align: center;
	letter-spacing: normal;
}
.pjUnit .pjCat,
.pjUnit .pjPicMH{
	font-size: 93%;
}
.pjUnit.land .pjCat,
.pjUnit.land02 .pjCat,
.pjDtl.land .pjCat,
.pjDtl.land02 .pjCat{
	background: #5fa224;
	}
.pjUnit.house .pjCat,
.pjDtl.house .pjCat{
	background: #81292d;
	}
/*.pjUnit.apartment .pjCat,
.pjDtl.apartment .pjCat{
	background: #f00;
	}*/
.pjUnit .pjPicMH,
.pjDtl .pjPicMH{
	background: #ed6c00;
	border-radius: 20px;
}
.pjUnit .pjImg{
	position: relative;
	display: block;
	background: #fff;
}
.pjUnit .pjImg::before {
    content: "";
    display: block;
	position: absolute;
	left: 5px;
	top: 5px;
	width: 17.8%;
	height: 100%;
	background: url(../images/common/logo_fiore_2x.png) no-repeat center top;
	background-size: contain;
	z-index: 10;
}

/*詳細へボタン▶︎つき*/
.btnPjDtl{
	clear: both;
	width: 150px;
	height: 30px;
	line-height: 30px;
	background: #81292d;
	border-radius: 30px;
	color: #fff;
	margin: 0 auto;
	font-size: 93%;
	text-align: center;
}
.btnPjDtl::after{
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 0;
	height: 0;
	margin: -2px 0 0 1em;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left: 8px solid #fff;
	border-right: 0 solid transparent;
	}


/*画像fit*/
.objFitImgCon {
	width: 100%;
	height: 190px;
	object-fit: contain;
	font-family: 'object-fit: contain;';/*IE対策*/
	}
.objFitImgCov {
	width: 100%;
	height: 190px;
	object-fit: cover;
	font-family: 'object-fit: cover;';/*IE対策*/
	}

/* for Smartphone*/
/* iPhone5 とか*/
@media screen and (max-width: 320px) {
#fBtnNav .nav p{
	font-size: 77%;
}
#fBtnNav .nav span{
	font-size: 9px;
}
}

/*横向きの際に適用*/
@media screen and (orientation : landscape) {
/*画像fit*/
.objFitImgCon {
	height: 330px;
	}
.objFitImgCov {
	height: 330px;
	}
}

@media screen and (min-width:420px) and (max-width:767px) {
/*画像fit*/
.objFitImgCon {
	height: 330px;
	}
.objFitImgCov {
	height: 330px;
	}
}

/* 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;
  }	

  /*HEADER
  #########################################*/
  #header{
    /*position:static;
    margin:0 0 15px 0;
    padding:0 0 5px 0;*/
    height:140px;
    /*overflow: hidden;*/
    overflow: visible;
    background-image: url(../images/common/hf_bg_pc.jpg);
    border-bottom-width: 8px;
    }
  #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;
    }
  #header.open > div.spH{
    background-color: transparent;
  }
  #hTxt{
    display:block;
    position:static;
    /*float:right;*/
    width:auto;
    margin: 0 0 0 0;
    padding:5px 0;
    text-align:left;
    font-size:85%;
    }
  #hLogo{
    clear:both;
    float:left;
    /*width: 30%;*/
    /*width: 35%;*/
    width: 32%;
    height:auto !important;
    padding:14px 0 0 0;
    }
  #hMenuBtn{
    display:none;
    }

  /*tel
  #########################################*/
  /*hTel*/
  #hTel{
    float: right;
    position:static;
    /*width:23%;*/
    width:24%;
    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,
  #header.open #hNav{
    position: static;
    display: flex;
    justify-content: space-between;
    clear: none;
    float: right;
    width: 27%;
    /*width: 30%;*/
    text-align: right;
  }
  #header.open #hNav::after{
    content: none;
  }

  #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%;オンライン*/
    width: calc((100% - 10px) / 2);
    /*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,
  #header.open #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;
  }

  /*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:nth-of-type(2){
    display: block;
  }
  #hSns li a{
    display: block;
  }

   /*スマホのSNSボタン*/ 
    #gNav .hSnsSP,
    #gNav .btnNavClose{
      display: none !important;
    }

  /*gNav*/
  #gNav{
    display:block !important;
    clear:both;
    position: relative;
    width:100%;
    height:auto;
    background: none;
    /*overflow:hidden;*/
    overflow: visible;
    }
  #gNav > ul{
    display:block;
    }
  #gNav .nav{
    float:left;
    /*width:16.66%;*/
    width:14.28%;
    border: none;
    text-align:center;
    overflow: visible;
    }
  #gNav > ul .nav{
    width:14.28%;
    border-bottom:none;
    text-align: center;
    font-size: 108%;
    border-left: none !important;
    }
  
  #gNav > ul .nav.navTop{display: block;}
  #gNav > ul .nav.navSales{display: block;}
  #gNav > ul .nav.navConcept{display: none;}
  #gNav > ul .nav.navCompany{display: none;}
  #gNav > ul .nav.navBusiness{display: block;}
  #gNav > ul .nav.navResult{display: block;}
  #gNav > ul .nav.navProfile{display: block;}
  #gNav > ul .nav.navBlog{display: block;}
  #gNav > ul .nav.navVoice{display: block;}
  #gNav > ul .nav.navRecruit{display: none;}
  #gNav > ul .nav.navLand{display: none;}

  #gNav > ul .nav.navSales{
    width:14.28%;
    margin-top: 0;
    font-size: 108%;
    }
  #gNav .nav > a{
    height: auto;
    padding:20px 0;
    line-height:1.0;
    color: #81292d;
    text-align: center;
    }
  #gNav .nav.current > a{
    background: none;
    color: #81292d;
    font-weight: bold;
    }
  #gNav .nav > a::before,
  #gNav .nav.current > a::before,
  #gNav .nav > a::after{
    content: none;
    }
  
  #gNav .nav.current > a::after{
    content: "";
    position: absolute;
    right: auto;
    top: auto;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #81292d;
    border-right: 10px solid transparent;
    background: none;
    transform: none;
    }
  #gNav .nav > ul {/*sub*/
    display: block;
    top: 54px;
    left: 0;
    position: absolute;
    width: 100%;
    margin-top: 0;
    background: rgba(129,41,45,0.9);
    border-top: none;
    z-index: 100;
    text-align: center;
  }
  #gNav .nav > ul > li {
    overflow: hidden;
    display: block;
    height: 0;
    padding: 0;
    transition: 0.2s;
    text-align: center;
    font-size: 100%;
  }
  #gNav .nav:hover > ul > li {
    overflow: visible;
    height: 40px;
  }
  #gNav .nav > ul > li > a,
  #gNav .nav > ul > li > span{
    display: block;
    height: auto;
    padding: 0;
    color: #fff;
  }
  #gNav .nav > ul > li > span{
    color: rgba(255,255,255,0.3);
  }
  #gNav .nav > ul > li > a::before,
  #gNav .nav > ul > li > span::before{
    display: none;
  }
  #gNav .nav > ul > li > span::before{}
  #gNav .nav:hover > ul > li > a,
  #gNav .nav:hover > ul > li > span{
    padding: 1em 0.5em;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    line-height: 1.0;
  }
  #gNav .nav:hover > ul > li > span{
    color: rgba(255,255,255,0.3);
  }
  #gNav .nav:hover > ul > li:last-of-type > *{
    border-bottom: none;
    }
  
  
  

  /*スクロールしたら縮小*/
  .hScroll{
    -webkit-transform: translateY(-60px);
      -moz-transform: translateY(-60px);
      -o-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
      transform: translateY(-60px);
    }
  .hScroll #hLogo{
    width: 25%;
    margin-top: 24px;
    }
  .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 #hTel{
    width: 16%;
    margin-top: 34px;
    }
  .hScroll #gNav .nav a{
    padding: 10px 0;
    }

  .hScroll #gNav .nav > ul {/*sub*/
    top: 34px;
  }

  /*lNav*/
  /* lNav CATEGORY ////////////////////////////// */
  .lNav{
    margin: 0 0 50px 0;
    }
  .lNav .nav{
    display: inline-block;
    width: 220px;
    margin: 0 15px;
    }
  .lNav .nav:nth-of-type(2n+1){
    clear: none;
    float: none;
    }
  .lNav .nav:nth-of-type(2n){
    float: none;
  }
  .lNav .nav:nth-of-type(n+3){
    padding-top: 0;
  }
  .lNav .nav a{}
  .lNav .nav img{}
  .lNav .nav p{
    font-size: 124%;
  }
  .lNav .nav span{
    font-size: 93%;
  }
  .lNav .nav.current a{}

  /*パンクズ
  #########################################*/

  .crumbs{
    display:block;
    text-align:right;
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
    clear:both;
  }
  .crumbs li{
    display:inline-block;
    *display:inline;
    *zoom:1;
    font-size:77%;
    line-height:1.2;
  }
  .crumbs li::after{
    content:">";
    margin:0 10px;
  }
  .crumbs li:last-child::after{
    content:"";
    margin:0;
  }
  .crumbs a{
    text-decoration:underline !important;
    }

  /*pagetop
  #########################################*/
  .btnPagetop{
    width: 60px;
    height: 60px;
  }
  .btnPagetop a{}
  .btnPagetop a::after{}
  .btnPagetop a::after{}



  /*btn
  #########################################*/
  .btnWrap{}
  .btnWrap .btn{
    width: 29%;
    margin: 0 10px;
    font-size: 154%;
    }
  .btnWrap .btn a{
    height: 60px;
    line-height: 60px;
    letter-spacing: 0.5em;
    }
  .btnReq a::before,
  .btnRsv a::before{
    width: 32px;
    margin-right: 10px;
  }
  .btnReq a{}
  .btnRsv a{}

  .btn01{
    min-width: initial;
    width: 280px;
    font-size: 124%;
  }
  .btn01 a{
    height: 45px;
    line-height: 45px;
  }
  /*▶︎つき*/
  .btn02{
    font-size: 154%;
  }
  .btn02 a{
    height: 60px;
    line-height: 60px;
  }
  .btn02 a::after{
    border-top-width:7px;
    border-bottom-width:7px;
    border-left-width: 14px;
    }

  :not(.pjUnit) .icoNew{
    /*height: 20px;
    line-height: 20px;*/
    font-size: 93%;
  }
  :not(.pjUnit) .icoCat{
    /*height: 20px;
    line-height: 20px;*/
    font-size: 93%;
  }

  /*footer
  #########################################*/
  #footer{
    padding:15px 0;
    background-image: url(../images/common/hf_bg_pc.jpg);
    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{}
  #footer .ppLink{
    font-size: 93%;
    text-align: left;
    }
  #footer .ppLink::before{}
  #copyright{}

  /*bnrLand
  #########################################*/
  .bnrLand{}
  /*fBtnNav
  #########################################*/
  #fBtnNav{
    padding: 70px 0 0 0;
  }
  #fBtnNav .nav{
    width: 16%;
    margin: 0 5% 0 0;
  }
  #fBtnNav .nav:nth-of-type(3n){
    margin-right: 5%;
  }
  #fBtnNav .nav:nth-of-type(3n+1){
    clear: none;
  }
  #fBtnNav .nav:last-of-type{
    margin-right: 0;
  }
  #fBtnNav .nav p{
    font-size: 139%;
  }
  #fBtnNav .nav span{
    font-size: 93%;
  }

  /*contents
  #########################################*/	
  #contents{
    margin:140px 0 0 0;
    padding:0 0 40px 0;
    }
  #conBody{}

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

  /*pageImg*/
  .pageImg{
    /*margin:0 0 40px 0;*/
    margin: 0;
    }
  .pageImg img{}

  /*ttl ////////////////////////////// */
  .pageTtl,
  .pageTtl02{
    margin:0 0 40px 0;
    }
  .pageTtl h1,
  .pageTtl h2,
  .pageTtl02 *:not(p){
    font-size:170%;
    }
  .pageTtl p,
  .pageTtl02 p{}
  .ttl01{
    font-size:154%;
    }

  .ttl02{
    font-size:186%;
    /*font-size:200%;*/
    }
  .ttl03{
    /*font-size:124%;*/
    font-size:139%;
    }
  .ttl04{
    /*font-size:124%;*/
    font-size:139%;
    }
  .ttl05{
    font-size:170%;
    }

  .lead01{
    /*font-size: 108%;*/
    font-size:124%;
    }
  .lead02{
    /*font-size: 100%;*/
    font-size:108%;
    }

  /*bg ////////////////////////////// */
  .bg01{
    padding: 50px 0;
    }



  /*
  トップ、物件一覧、物件詳細
  */
  /* pjList pjDtl ////////////////////////////// */

  .pjList{
    margin:0 0 40px 0;
    }

  .pjUnit .icoNew,
  .pjDtl .icoNew{}
  .pjUnit .status01,
  .pjDtl .status01{}
  .pjUnit .status02,
  .pjDtl .status02{}
  .pjUnit .status99,
  .pjDtl .status99{}

  .pjUnit .pjCat,
  .pjUnit .pjPicMH{}
  .pjUnit .pjCat,
  .pjUnit .pjPicMH,
  .pjDtl .pjCat,
  .pjDtl .pjPicMH{}
  .pjUnit.land .pjCat,
  .pjUnit.land02 .pjCat,
  .pjDtl.land .pjCat,
  .pjDtl.land02 .pjCat{}
  .pjUnit.house .pjCat,
  .pjDtl.house .pjCat{}
  /*.pjUnit.apartment .pjCat,
  .pjDtl.apartment .pjCat{}*/
  .pjUnit .pjPicMH,
  .pjDtl .pjPicMH{}

  .pjUnit .pjImg{}
  .pjUnit .pjImg::before {
      width: 17.8%;
    height: 100%;
  }

  /*詳細へボタン▶︎つき*/
  .btnPjDtl{
    height: 24px;
    line-height: 24px;
    border-radius: 24px;
  }
  .btnPjDtl::after{}

  /*画像fit*/
  .objFitImgCon {
    /*max-height: none;*/
    height: 152px;
    }
  .objFitImgCov {
    /*max-height: none;*/
    width: 100%;
    height: 152px;
    }
	
}

/*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) { }