@charset "Shift_JIS";
/*user css*/
.mbbr{
	display:none;
}
#hpb-nav{
  padding-bottom:300px;
}
#hpb-nav a:hover{
	margin-top:-4px;
}
/*Q&A*/
.question{
  background-color : #d9e1f2;
  width:150px;
  font-weight:bold;
  font-size:0.95rem;
}
.anser{
  background-color : #ffcf77;
  width:150px;
  font-weight:bold;
  font-size:0.95rem;
}
/*toiawase*/
.formtbl th{
  color:#000;
  font-weight:normal;
}
/*topタイトル*/
.hpb-layoutset-01 #hpb-title h2 span.ja{
  display:inline-block;
  padding: 0.2rem 6rem;
  font-weight:normal;
  background-color: rgb(255 255 255 / 0.9);
  font-size : 1.3rem;
  line-height : 2.2rem;
}
/*見出し*/
.hpb-layoutset-02 h2 span.ja{
  display:inline;
  padding: 0.2rem 6rem;
  border-left: solid 2px #039;
  border-right: solid 2px #039;
  font-weight:normal;
  background-color: rgb(255 255 255 / 0.9);
}
/*nagare*/
.nagare table{
  width:80%;
  margin:0 auto;
  font-size : 0.85rem;
}
.nagare table th{
  width:160px;
  background-color:#fff;
  color:#000;
}
.nagare table img{
  width:150px;
  height:auto;
  margin-right:10px;
}
.nagare table td{
  vertical-align: top;
}
.nagare table th{
  vertical-align: top;
}
/*施工事例*/
/*nagare*/
.jirei table{
  width:60%;
  margin:0 auto;
  /*font-size : 0.85rem;
  */

  font-size : 0.85rem;
}
/*フォント設定*/
.font90-15{
  font-size: 90%;
  line-height: 1.5rem;
}
.font130{
  font-size: 130%;
}
.font120{
  font-size: 120%;
}
/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style{
  border-color: #81E6FD !important;
}
.hpb-parts-hl-style{
  border-color: #81E6FD !important;
  clear: both;
  background-image: none !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin-bottom: 5px !important;
  font-size: 1em !important;
  height:auto !important;
  line-height:1.6 !important;
}
.hpb-parts-cbox-style{
  border-color: #81E6FD !important;
}
.hpb-parts-hr-style{
  border-color: #81E6FD !important;
}
.hpb-parts-pbox-style{
  background-color: #FFFFFF;
  border-color: #81E6FD !important;
}
.hpb-parts-pbox-style h4{
  padding: 0px !important;
}
.hpb-parts-pbox-style img{
  background-color: #FFFFFF;
}
.hpb-parts-blist-style{
  background-color: #F9F9F9;
  border-color: #81E6FD !important;
  margin-left:6px !important;
  margin-right:5px !important;
}
a.hpb-parts-blist-style:link {
  }
a.hpb-parts-blist-style:visited {
  }
a:hover.hpb-parts-blist-style{
  color: #017692;
}
a:active.hpb-parts-blist-style{
  color: #017692;
}
/*--------------------------------------------------------
  hpbparts
--------------------------------------------------------*/
/* 飾りなし 幅自動 */
.hpb-parts-cnt-01{
  margin-bottom: 5px;
  margin-right: 10px;
  padding: 5px;
}
/* 飾りなし 幅60px */
.hpb-parts-cnt-01-060{
  margin-bottom: 5px;
  padding: 5px;
}
/* 飾りなし 幅120px */
.hpb-parts-cnt-01-120{
  margin-bottom: 5px;
  padding: 5px;
}
/* 飾りなし 幅180px */
.hpb-parts-cnt-01-180{
  margin-bottom: 5px;
  padding: 5px;
}
/* 飾りなし 幅240px */
.hpb-parts-cnt-01-240{
  margin-bottom: 5px;
  padding: 5px;
}
/* 飾りなし 幅360px */
.hpb-parts-cnt-01-360{
  margin-bottom: 5px;
  padding: 5px;
}
/* 線囲み 幅自動 */
.hpb-parts-cnt-02{
  margin-bottom: 5px;
  padding: 5px;
}
/* 線囲み 幅60px */
.hpb-parts-cnt-02-060{
  margin-bottom: 5px;
  padding: 5px;
}
/* 線囲み 幅120px */
.hpb-parts-cnt-02-120{
  margin-bottom: 5px;
  padding: 5px;
}
/* 線囲み 幅180px */
.hpb-parts-cnt-02-180{
  margin-bottom: 5px;
  padding: 5px;
}
/* 線囲み 幅240px */
.hpb-parts-cnt-02-240{
  margin-bottom: 5px;
  padding: 5px;
}
/* 線囲み 幅360px */
.hpb-parts-cnt-02-360{
  margin-bottom: 5px;
  padding: 5px;
}
/******************************
 * 見出し (h1-h6)
 ******************************/

/* 飾りなし */
.hpb-parts-hl-01 {
  }
/* 下線 1 */
.hpb-parts-hl-02 {
  }
/* 下線 2 (2重線) */
.hpb-parts-hl-03 {
  }
/* 線囲み 1 */
.hpb-parts-hl-04 {
  }
/* 線囲み 2 (2重線) */
.hpb-parts-hl-05 {
  }
/* 飾りつき 1 (左■付き) */
.hpb-parts-hl-06{
  padding-left: 0.5em !important;
  padding-top: 4px !important;
  border-left-width: 0.5em !important;
  background-image: none !important;
}
/* 飾りつき 2 (左■付き＆下線) */
.hpb-parts-hl-07{
  padding-left: 0.5em !important;
  padding-top: 4px !important;
  border-left-width: 0.5em !important;
  border-left-color: #81E6FD !important;
  border-bottom-width: 1px !important;
  border-bottom-color: #ccc !important;
  border-bottom-style: dotted !important;
  background-image: none !important;
}
/* 飾りつき 3 (左■付き＆線囲み) */
.hpb-parts-hl-08{
  padding-top: 4px !important;
  padding-left: 0.5em !important;
  border-left-width: 0.5em !important;
  border-left-color: #81E6FD !important;
  border-top-width: 1px !important;
  border-top-color: #ccc !important;
  border-top-style: dotted !important;
  border-bottom-width: 1px !important;
  border-bottom-color: #ccc !important;
  border-bottom-style: dotted !important;
  border-right-width: 1px !important;
  border-right-color: #ccc;
  background-image: none !important;
}
/******************************
 * 文章枠 (div)
 ******************************/

/* 装飾なし */
.hpb-parts-cbox-01{
  margin-bottom: 5px;
}
/* 線囲み 1 (実線) */
.hpb-parts-cbox-02{
  margin-bottom: 5px;
}
/* 線囲み 2 (点線) */
.hpb-parts-cbox-03{
  margin-bottom: 5px;
}
/* 線囲み 3 (2重線) */
.hpb-parts-cbox-04{
  margin-bottom: 5px;
}
/******************************
 * 写真/画像 (img)
 ******************************/

/* 余白なし */
.hpb-parts-img-01 {
  }
/* 余白あり */
.hpb-parts-img-02 {
  }
/* 写真ボックス 左寄せ配置用 */
.hpb-parts-img-03 {
  }
/* 写真ボックス 右寄せ配置用 */
.hpb-parts-img-04 {
  }
/* 複数写真ボックス 左端用 */
.hpb-parts-img-05 {
  }
/* 複数写真ボックス 2列目用 */
.hpb-parts-img-06 {
  }
/* 複数写真ボックス 左端・2行目用 */
.hpb-parts-img-07 {
  }
/* 複数写真ボックス 2行目用 */
.hpb-parts-img-08 {
  }
/******************************
 * 水平線 (hr)
 ******************************/

/* 水平線 1 (実線・細) */
.hpb-parts-hr-01 {
  }
/* 水平線 2 (実線・太) */
.hpb-parts-hr-02 {
  }
/* 水平線 3 (点線・細) */
.hpb-parts-hr-03 {
  }
/* 水平線 4 (点線・太) */
.hpb-parts-hr-04 {
  }
/* 水平線 5 (破線・細) */
.hpb-parts-hr-05 {
  }
/* 水平線 6 (破線・太) */
.hpb-parts-hr-06 {
  }
/* 水平線 7 (2重線) */
.hpb-parts-hr-07 {
  }
/******************************
 * 写真ボックス (div)
 ******************************/

/* 飾りなし */
.hpb-parts-pbox-01 {
  }
.hpb-parts-pbox-01 h4{
  margin-bottom: 0.5em;
}
/* 飾りなし 画像幅60px */
.hpb-parts-pbox-01-060 {
  }
/* 飾りなし 画像幅120px */
.hpb-parts-pbox-01-120 {
  }
/* 飾りなし 画像幅180px */
.hpb-parts-pbox-01-180 {
  }
/* 飾りなし 画像幅240px */
.hpb-parts-pbox-01-240 {
  }
/* 線囲み */
.hpb-parts-pbox-02 {
  }
.hpb-parts-pbox-02 h4{
  margin-bottom: 0.5em;
}
/* 線囲み 画像幅60px */
.hpb-parts-pbox-02-060 {
  }
/* 線囲み 画像幅120px */
.hpb-parts-pbox-02-120 {
  }
/* 線囲み 画像幅180px */
.hpb-parts-pbox-02-180 {
  }
/* 線囲み 画像幅240px */
.hpb-parts-pbox-02-240 {
  }
/* 写真ボックス用 文章領域 */
.hpb-parts-pbox-desc {
  }
.hpb-parts-pbox-desc h4{
  margin-bottom: 0.5em;
}
/******************************
 * 複数写真ボックス (div)
 ******************************/

/* 飾りなし 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-01-2060 {
  }
/* 飾りなし 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-01-3060 {
  }
/* 飾りなし 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-01-4060 {
  }
/* 飾りなし 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-01-2120 {
  }
/* 飾りなし 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-01-3120 {
  }
/* 飾りなし 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-01-4120 {
  }
/* 飾りなし 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-01-2180 {
  }
/* 飾りなし 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-01-3180 {
  }
/* 飾りなし 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-01-4180 {
  }
/* 飾りなし 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-01-2240 {
  }
/* 飾りなし 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-01-3240 {
  }
/* 飾りなし 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-01-4240 {
  }
/* 線囲み 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-02-2060 {
  }
/* 線囲み 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-02-3060 {
  }
/* 線囲み 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-02-4060 {
  }
/* 線囲み 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-02-2120 {
  }
/* 線囲み 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-02-3120 {
  }
/* 線囲み 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-02-4120 {
  }
/* 線囲み 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-02-2180 {
  }
/* 線囲み 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-02-3180 {
  }
/* 線囲み 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-02-4180 {
  }
/* 線囲み 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-02-2240 {
  }
/* 線囲み 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-02-3240 {
  }
/* 線囲み 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-02-4240 {
  }
/******************************
 * バナーリスト
 ******************************/

/* 文字型 1 */
.hpb-parts-blist-01{
  clear: both;
}
.hpb-parts-blist-01 ul{
  margin-bottom: 5px;
}
.hpb-parts-blist-01 li{
  border-bottom: none !important;
  padding: 2px !important;
  padding-left: 0 !important;
  background-image: none !important;
}
.hpb-parts-blist-01 li a{
  padding: 7px !important;
}
/* 文字型 2 */
.hpb-parts-blist-02{
  clear: both;
}
.hpb-parts-blist-02 ul{
  margin-bottom: 5px;
}
.hpb-parts-blist-02 li{
  border-bottom: none !important;
  padding: 2px !important;
  padding-left: 0 !important;
  background-image: none !important;
}
.hpb-parts-blist-02 li a{
  border-style: dotted;
}
/* 文字型 3 */
.hpb-parts-blist-03{
  clear: both;
}
.hpb-parts-blist-03 ul{
  margin-bottom: 5px;
}
.hpb-parts-blist-03 li{
  border-bottom: none !important;
  padding: 2px !important;
  padding-left: 0 !important;
  background-image: none !important;
}
.hpb-parts-blist-03 li a{
  border-left-width: 1em;
  border-right-width: 1em;
  border-right-style: solid;
  border-top-style: dotted;
  border-bottom-style: dotted;
}
/* 画像付き 1 */
.hpb-parts-blist-04 {
  }
.hpb-parts-blist-04 ul{
  margin-bottom: 5px;
}
.hpb-parts-blist-04 li{
  border-bottom: none !important;
  padding: 2px !important;
  padding-left: 0 !important;
  background-image: none !important;
}
.hpb-parts-blist-04 li a {
  }
.hpb-parts-blist-04 li a img {
  }
/* 画像付き 2 */
.hpb-parts-blist-05 {
  }
.hpb-parts-blist-05 ul {
  }
.hpb-parts-blist-05 li{
  border-bottom: none !important;
  padding: 2px !important;
  padding-left: 0 !important;
  background-image: none !important;
}
.hpb-parts-blist-05 li a{
  border-style: dotted;
}
.hpb-parts-blist-05 li a img {
  }
/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {
#hpb-nav li ul.dropmenu{
	display:none!important;
}
.hpb-parts-hl-style{
  background-color: transparent !important;
}
.hpb-layoutset-01 #hpb-title h2 span.ja{
  font-size:0.8rem;
  line-height:1.5rem;
  padding:0.2rem 2rem;
}
.hpb-layoutset-01 #hpb-title h2{
  padding-top:70px;
  width:100%;
  background-color:#fff;
height: 200px;
    background-size: cover;
margin-bottom:50px;
}
p.sptoptext{
	border : 1px solid #003399;
background-color : #e9f2fc;
}
#hpb-nav{
  border-bottom-color:#003399;
}
#hpb-headerLogo a{
  background-size:auto;
  margin-left:5px;
  margin-top:0px;
}
.hpb-layoutset-01 #hpb-main{
  top:-30px;
}
#toppage p span{
  font-size: 0.8rem !important;
  line-height: 1rem;
  padding:0rem 1rem;
}
#toppage-news dd{
  font-size:0.7rem;
}
#hpb-headerExtra1{
  margin-right:20px;
}
.hpb-layoutset-02 h2{
  background-image: url(pagetitle_6Ha.png);
  height:120px;
  background-size:cover;
  padding-top: 75px;
}
.hpb-layoutset-02 #hpb-title{
  background-color:#fff;
  margin-top:-20px;
}
.jirei table{
  width:98%;
}
.nagare table{
  width:98%;
}
#hpb-headerLogo a{
  background-position:left;
}
/*seihinpage*/
#gallery{
  width:90%;
  margin:0 auto;
}
#gallery td{
  display:block;
  margin:0 auto;
  width:100%;
padding:0;
}
#gallery th{
  display:block;
  margin:0 auto;
  width:100%;
padding:0;
}
.acpadding{
  padding-left:3rem!important;
  padding-right:3rem!important;
}
 .hpb-layoutset-02 #banner li{
	margin:0px auto;
}
#banner ul{
	width:320px;
display:block;
margin:0 auto 50px auto;
}
.hpb-layoutset-02 #banner li{
	float:none;
}
#hpb-footerExtra1 ul{
	width:98%;
margin-left:-7px;
}
.hpb-layoutset-02 #hpb-aside{
	height:460px;
}
.mbbr{
	display:block;
}
.mballeft{
	text-align:left!important;
}
select{
	width:100%;
}
input{
	width:95%;
}
table.formtbl td{
	margin:5px auto!important;
}
table.formtbl th{
	margin:5px auto!important;
}
.radiowaku{
	width:auto;
}
.formbtn{
	width:70px;
}
}
/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
/*dropdown menu */
#hpb-nav li#nav-estate ul.dropmenu{
  display: none;
  /*デフォルトでは非表示の状態にしておく*/
    width: 100%;
  position: absolute;
  top: 40px;
  left: 0;
  height:400px;
}
#hpb-nav li#nav-estate:hover ul.dropmenu{
  display: block;
  /*Gナビメニューにホバーしたら表示*/
height:200px!important:
position:relative;
}
#hpb-nav li#nav-estate li.dropmenu-list{
  /*background-color: red!important;
  */
    height: 40px;
  transition: all .3s;
  position: relative;
  left:260px;
  float:none;
}
.dropmenu-list:not(:first-child)::before{
  content: "";
  width: 100%;
  height: 1px;
  background-color: #3492d1;
  position: absolute;
  top: 0;
  left: 0;
}
/*#hpb-nav li li.dropmenu-list a:hover{
  background-color: #003558;
}
*/
.dropmenu-list a{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000!important;
  text-decoration: none;
  position: relative;
}
/*.dropmenu-list a::before{
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(135deg);
  position: absolute;
  right: 15px;
  top: calc(50% - 5px);
}
*/