@charset "UTF-8";


/*PC・タブレット・スマホ(全端末)共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: none;
	color:#000000;	/*全体の文字色*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 15px;	/*文字サイズ*/
	line-height: 2;		/*行間*/

	background: #fff url(../images/bg3.jpg);	/*背景色、背景画像の読み込み*/
	/*background:#fafafa;	背景色*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 0px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}


*{
	box-sizing: border-box;
	margin:0 0px 0 0px;
	padding: 0px;
}




/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color:#000000;	/*リンクテキストの色*/
	transition: 0.3s;	/*マウスオン時の移り変わるまでの時間設定。0.3秒。*/
	text-decoration: none;
}
a:hover {
	color: #b4ae99;	/*マウスオン時の文字色*/
}

/*プリロード---------------------------------------------------------------------------*/

#preloadedImages {
       width:0px;
       height:0px;
       display: inline;
background-image: url(../images/kusakari1.jpg); /* 読ませたいイメージ1 */  
background-image: url(../images/block_y.jpg); /*読ませたいイメージ2 */
background-image: url(../images/akiya2.jpg);   /*    読ませたいイメージ3 */
background-image: url(../images/heyakata.jpg); /* 読ませたいイメージ4 */
background-image: url(../images/biko.jpg);  /*読ませたいイメージ5 */
background-image: url(../images/tool.jpg); /*読ませたいイメージ6 */
background-image: url(../images/hacitaiji2.jpg); /* 読ませたいイメージ7 */
background-image: url(../images/hakasouji1.jpg);  /* 読ませたいイメージ8 */
background-image: url(../images/kaisannsouji.jpg); /* 読ませたいイメージ9 */
background-image: url(../images/gomi3_bs.jpg); /* 読ませたいイメージ9 */
background-image: url(../images/kusakari.jpg); /* 読ませたいイメージ9 */
background-image: url(../images/mail_obi.png); /* 読ませたいイメージ9 */
background-image: url(../images/tool.jpg); /* 読ませたいイメージ9 */
background-image: url(../js/ajax-loader.gif); /* 読ませたいイメージ9 */
background-image: url(../images/bou.gif); /* 読ませたいイメージ9 */
background-image: url(../images/kiirokujo.jpg); /* 読ませたいイメージ9 */
background-image: url(../images/kiirokujo.jpg); /* 読ませたいイメージ9 */
      }



/*コンテナー（ホームページを囲む一番外側のブロック）
---------------------------------------------------------------------------*/
#container {

	max-width:1000px;	/*ブロックの最大幅*/
	margin: 0 auto;
	padding: 0 0;
	/*border-top: 1px solid #000;	
	border-left: 1px solid #000;	
	border-right: 1px solid #000;*/
	/*box-shadow: 0px 0px 10px rgba(0,0,0,0.2);	ボックスの影。右へ、下へ、ぼかし幅。0,0,0は黒の事で0.2は色が20%ついた状態の事。*/
	background: #fff;	/*背景色*/
}





/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*headerブロック*/

.head_whole{
	margin: 0px ;
	padding: 0px;	/*メニューと下の左右のブロックの間に空ける余白*/

	background: #fff;	/*背景色*/


/*overflow:hidden;*/
position:relative;

}

.right_haba1 {
	float: right;	/*左側に回り込み*/
	width: 3%;	/*サブコンテンツ幅*/

	padding-top: 0px;
	background:#5077fe;	/*背景色*/
  z-index: 500;/*最前面*/

padding-bottom: 6000px;
margin-bottom: -6000px;
}


#hea {
float:right;
	text-align: center;	/*内容を中央よせ*/
margin:auto;
width:87%;
}
/*========目次デザイン======*/
.toc {
	margin-left: 7%;
	/*margin-right: 10%;*/
/*margin:auto;*/
	margin-top: 2rem;
	border-color:#c6c6c6;;
	border-style: solid;
	border-width: 1px;
	line-height: 1.5;
width:270px;

}

.toggle-wrap .toggle-button {
display: block;
cursor: pointer;
padding:3px;

background-color: #f8f8f8;

font-weight: normal;
font-size: 90%;
text-align: center;
width:100%;
margin:auto;

}

.toggle-wrap .toggle-button:hover {
border-color: #999;
background: #f5f5f5;
}

.toggle-wrap .toggle-button:after {
content: "［非表示］"; /* 閉じている状態のときにラベルの後ろに続く文字 */

}

/*中身を表示にしておく*/
.toggle-wrap .toggle-content{
height: auto;

overflow: hidden;
opacity: 1;
/*transition: 0.6s;*/
font-weight: normal;
font-size: 90%;
/*border: 1px solid #ddd;*/

width:230px;
margin:auto;
text-align:left;
}

.mokuji_kankaku{
margin-top:15px;
margin-bottom:15px;
}


/*チェックは見えなくする*/
.toggle-wrap > input[type="checkbox"] {
display: none;
}

.toggle-wrap > input[type="checkbox"]:checked ~ .toggle-button:after {
content: "［表示］"; /* 開いている状態のときにラベルの後ろに続く文字 */
}

/*クリックで中身非表示*/
.toggle-wrap > input[type="checkbox"]:checked ~ .toggle-content {
display: none;
height: 0;
opacity: 0;
padding: 5px 0 5px 0;

}





h1{

color:#00007d;
font-size:100%;
margin:5px auto;
height:20px;
letter-spacing: 0.10em

}


/*ロゴ画像設定*/
#logo img {
	width: 400px;	/*画像幅*/
height:auto;
	margin: 0px auto 10px;	/*ロゴの上と下に40pxスペースを空ける設定*/
}






#contents {
float:right;
	text-align: center;	/*内容を中央よせ*/
width:100%;

position:relative;
}




.left_haba1{
	float: left;	/*左側に回り込み*/
	width: 10%;	/*サブコンテンツ幅*/

	padding-top: 0px;
	background:#5077fe;	/*背景色*/
  z-index: 500;/*最前面*/

padding-bottom: 6000px;
margin-bottom: -6000px;

}




.atama{
font-size:90%;
}

.title_sub{
color:#00007d;
font-size:90%;
margin-top:10px;
margin-left:0px;
}









/*トップページのメイン画像
---------------------------------------------------------------------------*/
/*画像ブロック*/
#mainimg img {
	border-radius: 10px;	/*角を丸くする指定。この１行を削除すれば角丸がなくなります。*/
	margin-bottom: 40px;	/*下に空けるスペース*/
}


/*スライド画像の下の文字
---------------------------------------------------------------------------*/
.syomoji{
font-size:0.8rem;
color:#000;
}

/*メインメニュー＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
-----------------------------------------*/



/* mod_dropnavi */

.mod_dropnavi{
	margin:auto;
	height: 40px;	/*ブロックの高さ*/
	width:100%;
	margin-top:10px;
	overflow:hidden;

}

/* mod_dropnavi　リスト設定 */

.mod_dropnavi>ul{
	margin:0px auto;
	
}

.mod_dropnavi>ul>li{
 	float: left;
	width: 22.5%;	/*メニュー幅*/
	text-align: center;	/*文字を中央に揃える*/
	font-weight: normal;	/*文字を太字にする設定*/
	padding-left:0px;
	line-height:1.6;
	margin-right:2%;
}

.mod_dropnavi>ul>li:first-child{
	width: 22.5%;	/*メニュー６個で100%になるようここで調整（16.6%×5+17%=100%）*/
	margin-left:2%;
}

.mod_dropnavi>ul>li:last-child{
	width: 22.5%;	
}


/* mod_dropnavi　リストリンク設定 */

.mod_dropnavi ul li a{
	transition-property: border;
	transition-duration: 0.5s;
	transition-timing-function: ease;
 	transition-delay: 0s;
}

.mod_dropnavi>ul>li>a{
 	text-decoration: none;
	display: block;
	line-height: 40px;
	padding-top: 0px;
	font-size: 95%;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少しあける設定*/
	color:#000024;
	background : url(../images/b_off.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
	background-size:100% 40px;
}

.mod_dropnavi>ul>li>a:hover{
	color:#368cda;
	background : url(../images/b_on.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
	background-size:100% 40px;
}



/* 子メニュー設定　mod_dropnavi */


.mod_dropnavi .mod_dropnavi_child{
	display:none;
	position:absolute;
	top:48px;

	left:26%;
	z-index:9999;
	padding:7px 0 0 0!important;
}

.mod_dropnavi .mod_dropnavi_child ul{
	border:1px solid #fff;
	width:237px;

}

.mod_dropnavi .mod_dropnavi_child ul li{
	font-size:100%;
	line-height:1.3;
	text-align:left;
	margin:0px 0 0 0!important;/*子要素の縦の間隔*/
	white-space:nowrap;
	background: rgba(0,128,128,0.95);/*	背景色。0,0,0は黒の事で0.7は70%色がついた状態の事。*/

}



.mod_dropnavi .mod_dropnavi_child ul li a{
  	padding:12px 0 12px 0px!important;
  	display:block;
	border-bottom:1px solid #fff;
	text-indent: 1.5em;

}

.mod_dropnavi .mod_dropnavi_child ul :last-child a{
	border-bottom:none;
}


.mod_dropnavi .mod_dropnavi_child ul li a{
	color:#FFF;
	text-decoration:none;
}
.mod_dropnavi .mod_dropnavi_child ul li a:hover{
	color:#ff8000;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝メインメニュー終わり＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*業務メニューブロック設定*/
#gyomenubar{
	margin:auto;
	height: 40px;	/*ブロックの高さ*/
	width:100%;
	border-top: 1px solid #fff;		/*メニューの上側の線の幅、線種、色*/
	display: block;
}


#gyomenubar ul{
	margin: 0px auto;
}


/*業務メニュー１個ごとの設定*/
#gyomenubar ul li{
	float: left;
	width: 22%;	/*メニュー幅*/
	text-align: center;	/*文字を中央に揃える*/
	font-weight: bold;	/*文字を太字にする設定*/
	background : url(../img/b_off.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
	background-size:100% 40px;
	padding-left:0px;
	line-height:1.6;
	margin-right:2.4%;
}

#gyomenubar ul li:first-child{
	width: 22%;	/*メニュー６個で100%になるようここで調整（16.6%×5+17%=100%）*/
	margin-left:2.4%;
}


#gyomenubar ul li a{
	text-decoration: none;
	display: block;
	line-height: 40px;
	padding-top: 0px;
	font-size: 95%;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少しあける設定*/
	background : url(../images/b_off.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
	background-size:100% 40px;
	color:#000000;
}
/*最初のメニューの設定*/
#gyomenubar ul li:first-child a{
	/*border-left: 1px solid #fff;	左側に線を入れる*/
	
}
/*マウスオン時の設定*/
#gyomenubar ul li a:hover{
	
	/*border-bottom: 0px solid #fff;	メニューの下側の線の幅、線種、色*/

background : url(../images/b_on.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
background-size:100% 40px;


color:#368cda;
}


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





#siski{
width:100%;
margin:0;
}
#siki img {
display:block;
clear:both;
width:100%;
height:25px;
margin:0!important;
}

/*パンくずリスト
---------------------------------------------------------------------------*/
.breadcrumb {
  margin: 15px 0 0 3%;
  padding: 0;
  list-style: none;
text-align:left;

}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: normal;/*太字*/
  font-size:85%;
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color:#ffa042;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color:#0000c1;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

.breadcrumb li a.disabled{
display: inline-block;
  pointer-events: none;
 /* opacity: 0.85;*/
  color:#333333;/*色*/
}



/*パンくずリスト終わり）*/

/*コンテンツ（見出しバーや文字などが入っているブロック）
---------------------------------------------------------------------------*/

.box_1{
width:80%;
clear:both;
margin:10px 10% 10px 10%;
text-align:left;
	
}



.box_1 p{
clear:both;
color:#00007d;

}

.eigyo_area{
max-width:690px;
margin:auto;
margin-top:15px;
}



/*電話・メールボックス
---------------------------------------------------------------------------*/
/*clearfix（変更不要）*/
.listel{
display: block;
clear: both;
}

.listelper{
display:block;
margin:30px auto 30px auto;
background:#fff;
border:solid 1px #6262ff;
width:80%;
max-width:700px;
height:170px;
padding:0px;
border-radius: 5px;	

}

/*各ボックスの設定*/

.listtel_ue{
max-width:100%;
height:30px;
background:#85a0fe;	/*背景色（古いブラウザだとここの色のみが出ます）*/
margin-left:0;
text-align:center!important;
margin:auto;
color:#000!important;
text-align:center!important;
font-size:18px;
line-height:30px!important;

}

.listtel_naka{

float:left;
width:50%;
height:65px;
line-height:65px;

display: table-cell;
vertical-align: middle;
}

/*フリーコール*/
.freec{
clear:both;
margin:auto;
margin-top:14px;
}

.freec img:hover{
 opacity: 0.5;
}

.free_nakakomoji{
line-height:1.5;
text-align:center;
margin:auto;
font-size:13px;
margin-top:-10px;
}


.listtel_sita{
float:left;
width:50%;
height:40px;
margin-top:32px;
margin-left:-10px;
}
.listtel_sita img:hover{
 opacity: 0.5;
}



/*小さい方の電話・メールボックス
---------------------------------------------------------------------------*/
.toiawa_syo_box{
text-align:center;
border:solid 1px #000;
width:300px;
height:auto;
margin:auto;
margin-top:50px;
}

.toiawa_syo_box .toiawa_tit{

background:#fff;
width:120px;
margin:auto;
margin-top:-13px;
}


.toiawa_syo_box .free6{
position:relative;
margin:3px auto 10px;
}

.free6 img:hover{
 opacity: 0.5;
}


.toiawa_syo_box .mail6{
position:relative;
margin-bottom:10px;
transition-property:all;

}

.mail6 img:hover{
 opacity: 0.5;

}





/*協力店募集
---------------------------------------------------------------------------*/
.kyoryo_box{
text-align:center;
border:solid 1px #000;
max-width:500px;
height:auto;
margin:auto;
margin-top:50px;
}

.kyoryo_box .kyoryo_tit{
font-size:95%;
background:#fff;
color:#006600;
width:230px;
margin:auto;
margin-top:-13px;
}

.kyoryo_box .kyoryo_naka{
padding:10px;
text-align:left;
font-size:95%;
color:#000;
}



/*---------------------------------------------------------------------------*/
#box_hako{

width:100%;
display:flex;
  justify-content: center;
}





/*コンテンツのh2タグの設定*/
#contents h2 {
display:block;
font-size:18px;
	clear: both;
	margin: 20px 5%;
	color:#00008c;		/*文字色*/
font-weight:400;
	padding: 10px 20px;	/*上下、左右への余白*/

}

h2 {
  color: #364e96;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: dotted 1px #00008c;/*上線*/
  border-bottom: dotted 1px #00008c;/*下線*/
}





/*業務案内のブロック
---------------------------------------------------------------------------*/
/*clearfix（変更不要）*/
#contents .list:after {content: "";display: block;clear: both;}




/*各ボックスの設定*/
#contents .list {
	position: relative;
	height: 350px;	/*ボックスの高さ*/
	width: 31%;	/*ボックスの幅編集後は31%に戻す*/
	border-radius: 0px;	/*角丸のサイズ*/
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2);	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	background:#fff7ee;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: linear-gradient(#fffaf2,#FFF);			/*グラデーション*/
	padding: 2%;	/*ボックス内の余白*/
	float: left;
	margin: 0px 1.1% 20px;	/*上、左右、下へのボックスの外側のスペース*/

border:solid 1px #56abab;
}
/*ボックス内のp(段落)タグ設定*/
#contents .list p {
	padding: 0px;
	color: #364e96;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
text-align:left;
}
/*ボックス内のh4(見出し)タグ設定*/
#contents .list h4 {
	margin-top: 10px;	/*上に空ける余白*/
font-weight:bold;
font-weight:bold;
color:#364e96;
}

.gyonai{
width:100%;
}






/*ビフォー・アフターのブロック
---------------------------------------------------------------------------*/
#box_basoto{
display:block;

text-align:center;
margin:auto;

}

 .box_ba{
display:inline-block;

width:49%;
text-align:center;
margin:10px auto;

}

 .box_befo{
	box-sizing: border-box;
float:left;
width:50%;
text-align:center;
border:1px solid #00b5b5;

display:block;
}

 .box_afte{
	box-sizing: border-box;
float:left;
width:50%;
text-align:center;
border:1px solid #00b5b5;
border-left:1px solid #00b5b5;
margin-left:-1px;
display:block;

}


#box_hachi{
text-align:left;
width:95%;
border:dotted 1px #000;
}
#box_hachi .hachi_gazou{
float:left;
width:45%;
padding:2%;
border:solid 1px #000;
}


/*建設作業例一覧（大）
---------------------------------------------------------------------------*/
/*建設業務内容全体を囲むブロック*/
#sagyo {
	text-align: center;	/*文字をセンタリング*/
}
/*建設工事一項目あたりの設定*/
#sagyo li {
	display: inline-block;	/*横並びにさせる*/
	margin: 0px 0.5% 20px;	/*上、左右、下へのメニューの外に空けるスペース*/
	background:#efefef;	/*背景色*/
	font-size: 15px;	/*文字サイズ*/
	width: 23%;		/*ボタンの幅（ここの110の数字３箇所は全て揃える）*/
	line-height: 30px;	/*行間（ここの110の数字３箇所は全て揃える）*/
	color:#000000;
	 border-radius: 4px;/*角の丸み*/
	font-weight:normal;
	border: solid 1px #c0c0c0!important;/*線色*/
}






/*草ボタン表示*/
.kusa_btn{
background: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
margin-bottom:15px;
padding-left:40px;	/*左から、上、右、下、左への余白*/
clear:both;
background-image : url(../images/kusa_btn.png);
background-size: 30px;
background-position: 0px 0.1em;
background-repeat: no-repeat;
line-height:3;
font-weight:bold;
}
/*木ボタン表示*/
.ki_btn{
background: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
margin-bottom:15px;
padding-left:40px;	/*左から、上、右、下、左への余白*/
clear:both;
background-image : url(../images/ki_btn.png);
background-size: 30px;
background-position: 0px 0.1em;
background-repeat: no-repeat;
line-height:3;
font-weight:bold;
}

/*プランターボタン表示*/
.plant_btn{
background: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
margin-bottom:15px;
padding-left:40px;	/*左から、上、右、下、左への余白*/
clear:both;
background-image : url(../images/planter_btn.gif);
background-size: 30px;
background-position: 0px 0.1em;
background-repeat: no-repeat;
line-height:3;
font-weight:bold;
}



/*蜂（list）設定
---------------------------------------------------------------------------*/
/*蜂ボックス１個あたりの設定*/
.list_h {
	box-sizing: border-box;
width:100%;
	position: relative;overflow: hidden;
	background: #fff;	/*背景色*/
	margin-bottom: 20px;	/*ボックス同士の上下間の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 20px;	/*ボックス内の余白*/

}

/*背景色付きタイプの追加設定*/
.list_h {
	background: #fff;	/*背景色*/
}


/*蜂ボックス内の画像設定*/
.list_h .img_h {
	width: 45%;	/*画像の幅*/
	float: left;
	margin-right: 10px;
margin-bottom:10px;
}



/*スズメバチボタン表示*/
.suzu_btn{
background: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
margin-bottom:15px;
margin-left:0%;
padding-left:40px;	/*左から、上、右、下、左への余白*/
clear:both;
background-image : url(../images/hati_suils.png);
background-size: 30px;
background-position: 0px 0.1em;
background-repeat: no-repeat;
line-height:3;
font-weight:bold;
}
/*ミツバチボタン表示*/
.mitu_btn{
background: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
margin-bottom:15px;
margin-left:0%;
padding-left:40px;	/*左から、上、右、下、左への余白*/

clear:both;
background-image : url(../images/hati_mituils.png);
background-size: 30px;
background-position: 0px 0.1em;
background-repeat: no-repeat;
line-height:3;
font-weight:bold;
}

.sasarenai_midasi {
 display: inline-block;
font-weight:bold;
margin-top:5px;
border-left:5px solid #009999;	/*枠線の幅、線種、色*/
/*border-right:5px solid #009999;	枠線の幅、線種、色*/
padding:0 10px;
margin:5px 0 5px -5px;

}
.sasaretara_midasi {
 display: inline-block;
font-weight:bold;
margin-top:5px;
border-left:5px solid #da3201;	/*枠線の幅、線種、色*/
/*border-right:5px solid #009999;	枠線の幅、線種、色*/
padding:0 10px;
margin:5px 0 5px -5px;

}


.hachimei{
margin-left:0%;

}

/*下部のメインメニュー
---------------------------------------------------------------------------*/
/*下段メニュー
---------------------------------------------------------------------------*/
/*メニュー全体を囲むブロック*/

#menufoot{
	clear:both;
	height: 40px;	/*ブロックの高さ*/
	width:100%;
	margin:auto;
	margin-top:3px;
	margin-bottom:5px;
}

#menufoot ul{
	display:inline;
	overflow:hidden;
}

/*メニュー１個ごとの設定*/
#menufoot ul li{
	display:block;
	float: left;
	/*width:30%;*/
	width:24.5%;
	font-weight: normal;	/*文字を太字にする設定*/
	line-height:1.6;
}

#menufoot ul li:first-child{
	/*width: 19%;	*/
	margin-left:1%;
}

#menufoot ul li:last-child{
	/*width: 19%;	*/
}


#menufoot ul li a{
	text-decoration: none;
	display: block;
	line-height: 40px;
	padding-top: 0px;
	font-size: 80%;	/*文字サイズ*/
	/*letter-spacing: 0;	文字間隔を少しあける設定*/
		color:#000024;
	border-right: 1px solid #919191;
}

/*最初のメニューの設定*/

#menufoot ul li:first-child a{
	border-left: 1px solid #919191;	/*左側に線を入れる*/

}
/*マウスオン時の設定*/
#menufoot ul li a:hover{
color:#368cda;
}

/*下段作業メニューのブロック
---------------------------------------------------------------------------*/
.footsagyo{
	display:inline-block;
	font-size:90%;
	width:90%;
	text-align:center;
	margin-top:15px;
	margin-left:5%;
}

.footsagyo_dan{
	width:49%;
	float:left;
margin:5px 0;
}

.f_s_list{
	float:left;
	width:33.3%;
	height:25px;
	line-height:25px;
	background-image : url(../images/migisankaku.png);
	background-size: 7px;
	background-position: 0px 6px;
	background-repeat: no-repeat;
	text-align:left;
	padding-left:12px;
	overflow:hidden;
}

.f_s_list a:hover{
	color:#ff8000;
}




/*フッター(ページ最下部のcopyrightのパーツ)設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;	/*文字をセンタリング*/
	padding: 5px 0px 0px;	/*上、左右、下へのボックス内の余白*/
margin-bottom:50px;
}
footer a {
	text-decoration: none;
	border: none;
color:#000;
}
footer .pr {
	display: block;
}



/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
@keyframes scroll {
0% {opacity: 0;}
100% {opacity: 1;}
}
/*通常時のボタンは非表示*/
body .nav-fix-pos-pagetop a {
	display: none;
}
/*fixmenu_pagetop.jsで設定している設定値になったら出現するボタンスタイル*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;text-decoration: none;text-align: center;z-index: 100;position: fixed;animation-name: scroll;animation-duration: 1s;animation-fill-mode: forwards;
	width: 30px;		/*ボタンの幅*/
	line-height: 30px;	/*ボタンの高さ*/
	bottom: 20px;		/*ウィンドウの下から20pxの場所に配置*/
	right: 2%;			/*ウィンドウの右から1%の場所に配置*/
	color: #fff;		/*文字色*/
	border-radius: 20%;	/*角丸指定。50%にすると円形になる。四角形がいいならこの１行削除。*/
	background:#cccccc;	/*背景色*/
}
/*マウスオン時の背景色*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #999;
}



/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
}
/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #eee;	/*背景色*/
}
/*ta1テーブルブロック設定*/
.ta1 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}
.ta1, .ta1 td, .ta1 th {
	word-break: break-all;
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;			/*テーブル内の余白*/
}
/*テーブルの左側ボックス*/
.ta1 th {
	text-align: center;	/*センタリング*/
	width: 30%;			/*幅*/
}



/*テーブル料金表
---------------------------------------------------------------------------*/
/*テーブル4行目に入った見出し部分（※caption）*/
.ta4 caption {
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
margin-top:0;
}
/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta4 td{
	width: auto;
	text-align: left;	/*左よせ*/
	/*background: #eee;	背景色*/
}
/*ta4テーブルブロック設定*/
.ta4 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto;
}
.ta4, .ta4 td, .ta4 th {
	word-break: break-all;
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	padding:10px 3px;			/*テーブル内の余白*/

}
/*テーブルの左側ボックス*/
.ta4 th {
	text-align: center;	/*センタリング*/
	width: 25%;			/*幅*/
}


/*蜂料金表
---------------------------------------------------------------------------*/
/*テーブル4行目に入った見出し部分（※caption）*/
.ta5 caption {
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	/*font-weight: bold;		太字に*/
	padding: 10px;			/*ボックス内の余白*/
margin-top:0;
}
/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta5 td{
	width: auto;
	text-align: left;	/*左よせ*/
	/*background: #eee;	背景色*/
}
/*ta5テーブルブロック設定*/
.ta5 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}
.ta5, .ta5 td, .ta5 th {
	word-break: break-all;
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	padding:10px 3px;			/*テーブル内の余白*/
font-weight: normal;	

}
/*テーブルの左側ボックス*/
.ta5 th {
	text-align: center;	/*センタリング*/
	width: 50%;			/*幅*/
	
}


.bgc_mi{
	background:#efefef;	
	border-bottom: 1px solid #000;
}


.bgc_ta{
background:#f8f8f8;		
}

.bgc_kou{
background:#fcfcfc;		
}

.bgc_meri{
background:#f0f0ff;		
}

.bgc_demeri{
background:#fff7f7;		
}


/*トップページのNEWアイコン
---------------------------------------------------------------------------*/
.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

/*その他
---------------------------------------------------------------------------*/
.look {background: #e5e5e5;padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.color1 {color: #b4ae99;}
.pr {font-size: 12px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center!important;}
.r {text-align: right;}
.l {text-align: left;}
.cb{
clear:left;
clear:right;
clear:both;
}
.font_bold{font-weight:bold;}
.akap{
margin-left:0px;
color:#9b4e00;
font-weight:bold;
}

.hidariue{
float:left;
margin-right:15px;
width:40%;
}

.gyonai{

width:100%;
}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){


#container {
	/*border-left: 30px solid #5077fe;	
	border-right: 10px solid #5077fe;	*/
}



/*アコーディオン位置調整*/
.mod_dropnavi .mod_dropnavi_child{
	left:23%;
}
.mod_dropnavi .mod_dropnavi_child ul{
	width:200px;
}




.listelper{
display:block;
width:90%;
height:190px;
padding:15px;
margin:auto;
}


.listtel_naka{
text-align:center;

height:20px;
width:100%;

margin:auto;
margin-top:0px;

}

.freec{
width:100%;
text-align:center;
margin:auto;
}


.free_nakakomoji{
display:block;
margin:auto;
text-align:center;
line-height:1.5;
text-align:center;
font-size:13px;
margin-top:-15px;
}


.listtel_sita{
margin:auto;
width:100%;
margin-top:60px!important;
text-align:center;
height:40px
}





/*各ボックスの設定*/
#contents .list {
	height: auto;
	width: auto;
	float: none;
	margin: 0px 0px 20px;	/*上、左右、下へのボックスの外側のスペース*/
	padding: 20px;	/*ボックス内の余白*/

margin-right:5px;
margin-left:5px;
}
/*写真画像*/
#contents .list figure img {
	float: left;
	width: 30%;
	margin-right: 3%;
}

/*ボックス内のh4(見出し)タグ設定*/
#contents .list h4 {
	margin-top: 0px;
}



/*建設工事一項目あたりの設定*/
#sagyo li {
	
	margin: 0px 0.5% 20px;	/*上、左右、下へのメニューの外に空けるスペース*/



	font-size: 15px;	/*文字サイズ*/
			/*ボタンの高さ（ここの110の数字３箇所は全て揃える）*/
	width: 46%;		/*ボタンの幅（ここの110の数字３箇所は全て揃える）*/
	line-height: 30px;	/*行間（ここの110の数字３箇所は全て揃える）*/


}

.gyonai{
float:left;
width:65%;
}


.footsagyo_dan{
}



.footsagyo_dan{
width:100%;
}

}/*800end*/


/*画面幅650px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:650px){

/*全体の設定
---------------------------------------------------------------------------*/
body {

	line-height: 1.5;	/*行間*/
}

#hea {
float:right;
	text-align: center;	/*内容を中央よせ*/
width:95%;

margin-right:2.5%;
}





.right_haba1 {
	float: right;	/*左側に回り込み*/
	width: 2%;	/*サブコンテンツ幅*/

	padding-top: 0px;

  z-index: 500;/*最前面*/

padding-bottom: 6000px;
margin-bottom: -6000px;
}

.atama{
font-size:80%;
}

h1{
color:#00007d;
font-size:100%;
letter-spacing: 0.10em;
margin: 5px auto;
overflow:hidden;
height:20px;
}



#contents {
float:right;
	text-align: center;	/*内容を中央よせ*/
width:100%;

}

.left_haba1{
	float: left;	/*左側に回り込み*/
	width: 2%;	/*サブコンテンツ幅*/

	padding-top: 0px;

  z-index: 500;/*最前面*/

padding-bottom: 6000px;
margin-bottom: -6000px;

}


#siki img {
display:block;
clear:both;
width:100%;
height:12px;
margin:0!important;
}








/*メニュー
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定*/
.mod_dropnavi>ul>li{
	width: 22.5%;	/*メニュー幅*/
}

.mod_dropnavi>ul>li:first-child{

	/*width: 18%;	*/
}

.mod_dropnavi>ul>li:last-child{

	/*width: 27%;*/	
}


 .box_ba{
display:inline-block;

width:90%;

}









/*蜂ボックス内の画像設定*/
.list_h .img_h {
	width: 100%;	/*画像の幅*/
	float: left;
	margin-right: 10px;
}




/*その他
---------------------------------------------------------------------------*/
.ws,.wl {
width: 94%;
}


.hidariue{
width:50%;
}



}/*650以下設定*/




/*画面幅500px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:500px){
#container {
	border-left: 0px solid #5077fe;	
	border-right: 0px solid #5077fe;
}

/*========目次デザイン======*/
.toc {
	margin-left: 5%;
	/*margin-right: 10%;*/
/*margin:auto;*/

width:90%;

}


.box_1{
clear:both;
width:90%;
margin:10px 5% 10px 5%;
text-align:left;
	
}

#toiawa{


width:100%;
text-align:center;
margin:auto;
}






.toimoji{
font-size:12px;

}

.freedi{
font-size:12px;

}

#toiawa .mailmoji{

font-size:12px;



}


.nakamoji{
clear:both;
font-size:12px;

}



}/*500end*/

/*========================フォームメール =========================================*/
.box1{
width:90%;
display:block;
margin:auto;
margin-top:15px;
}
.box1 p{
clear:both;
color:#00007d;
margin-left:5%;
}

/*テーブル3
---------------------------------------------------------------------------*/
.ta3, .ta3 td, .ta3 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
margin-top:30px;
margin-bottom:10px;
}

.ta3{
	width:100%;
margin-left:0%;
}
.ta3, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta3 td{
	width:60%;
	padding: 5px;
	text-align: left;
}
/*テーブル内の左側*/
.ta3 th{
	width:auto;
	padding: 5px;
	text-align: left;
	background:#f3f3f3;	/*背景色*/
}

.form_syo{
width:88%;
max-width:680px;
text-align:left;
margin:auto;
}


.form_kakoi{
max-width:700px;
width:90%;
display:block;
margin:10px auto;
text-align:center;
border: 1px solid #999;

}

.form_soroe{
width:90%;
margin:auto;
display:block;
text-align:left;
margin:30px 5%;

}

.fm{
display:block;
text-align:left;
margin-top:15px;
color:#6a1160;

}




.wll{
width:100%;
border: 1px solid #ccccff;	
height:18px;
padding:5px;
box-sizing: border-box;
height:auto;
font-size:16px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.hissu{
	color:red;
}
.ninni{
	color:blue;
}

/*type=numberのスピンボタン非表示*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}

/*入力例の文字色指定*/
input::placeholder {
  color:#a5a5a5;
}

/* IE */
input:-ms-input-placeholder {
  color:#a5a5a5;
}
/* Edge */
input::-ms-input-placeholder {
  color:#a5a5a5;
}

/* textareaの大きさ変更不可 */
textarea {
	resize: none;

}




/*inputボタンの設定
---------------------------------------------------------------------------*/
input[type="submit"],
input[type="button"],
input[type="reset"]{
	width: 250px;	/*ボタン幅*/
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border-radius: 30px;	/*角丸のサイズ*/
	background: #e5e5e5;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));	/*グラデーション*/
	background: -webkit-linear-gradient(#FFF, #e5e5e5);	/*同上*/
	background: linear-gradient(#FFF, #e5e5e5);			/*同上*/
	font-size: 15px;	/*文字サイズ*/
	letter-spacing: 0em;
	border: 1px solid #999;	/*枠線の幅、線種、色*/
}
/*ボタンのマウスオン時の設定*/
input:hover[type="submit"],
input:hover[type="button"],
input:hover[type="reset"]{
	background: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#FFF));	/*グラデーション*/
	background: -webkit-linear-gradient(#e5e5e5, #FFF);	/*同上*/
	background: linear-gradient(#e5e5e5, #FFF);			/*同上*/
}

/*========================フォームメールここまで =========================================*/




/*画面幅420px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:420px){




h1{
letter-spacing:0;
}


.mod_dropnavi ul li{
	font-size:95%;
}
.mod_dropnavi .mod_dropnavi_child{
	left:20%;
}
.mod_dropnavi .mod_dropnavi_child ul{
	width:180px;
}


#menufoot{
overflow:hidden;
}



#menufoot ul li a{
font-size:85%;
}

.footsagyo{
font-size:85%;
}


}/*420end*/




/*画面幅350px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:350px){

h1{
letter-spacing:0;
font-size:95%

}
.listtel_ue{
font-size:14px;

}
/*
.mod_dropnavi ul li{
	font-size:75%;
}
*/
}/*350end*/



/*画面幅310px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:310px){
/*
#menufoot ul li a{
	font-size:75%;
}
*/
.listtel_ue{
font-size:12px;

}


.listtel_naka{
width:96%;
}

.free_nakakomoji{

font-size:70%;
}


.toiawa_syo_box{
margin:2px;
width:auto;
height:auto;


}

.toiawa_syo_box .toiawa_tit{


width:120px;

}




}/*310end*/