header {border-top: 7px #2e2e2e solid;}

.navbar-brand{margin-top: 7px;}

@media only screen and (max-width: 1000px) {
.navbar-header .navbar-brand img {width:300px;}
}

@media only screen and (max-width: 767px) {
h1.navbar-brand {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
}

.navbar-header .navbar-brand img {width:200px;}

#pagetitle p{
	padding:20px 0;
	font-size:24px;
}

.h2_kurashi img{width:300px;}
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

h4{
	font-size:120%;
	font-weight:bold;
}

.company_shosai{
	margin:0 10px 0 10px;
}

.company_index{
	margin:0 10px 100px 10px;
}
.company_index table tr th{
	vertical-align:middle;
	text-align:center;
}

.company_index table tr td{
	vertical-align:middle;
}

.company_index table tr .shosai{
	vertical-align:middle;
	text-align:center;
}

.company_index table tr .shosai a:link{ color:#2857D8; }
.company_index table tr .shosai a:visited{ color:#2857D8; }
.company_index table tr .shosai a:active{ color:#2857D8; }
.company_index table tr .shosai a:hover{color:#2857D8; text-decoration:underline;}



/* ----------------------------------------
 *   家づくり
 * ---------------------------------------- */
.shinchiku_btn{
	position:relative;
	background-color:#8ED171;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	margin:0 0 10px 0;

}

.shinchiku_btn a { display:block;
width: 100%;
background-color:#8ED171;
padding:20px 10px;	
}

 /* 以下マウスを載せたときのスタイル */
.shinchiku_btn a:hover { background-color: #247BA0;
 color:#222222; }

.btn-effect:hover, .btn-effect:focus, .btn-effect:active {
	color: #8ED171;
}

.shinchiku_btn a:link{ color:#FFFFFF; }
.shinchiku_btn a:visited{ color:#FFFFFF; }
.shinchiku_btn a:active{ color:#FFFFFF; }
.shinchiku_btn a:hover{color:#FFFFFF; }



/* 業種からさがす */
.bushiness_btn{
	position:relative;
	background-color:#8ED171;
	color:#FFFFFF;
	font-size:100%;
	text-align:center;
	margin:0 0 15px 0;
	font-weight:bold;

}

.bushiness_btn a { display:block;
width: 100%;
background-color:#8ED171;
padding:10px 0;	
}

 /* 以下マウスを載せたときのスタイル */
.bushiness_btn a:hover { background-color: #247BA0;
 color:#222222; }

.btn-effect:hover, .btn-effect:focus, .btn-effect:active {
	color: #8ED171;
}

.bushiness_btn a:link{ color:#FFFFFF; }
.bushiness_btn a:visited{ color:#FFFFFF; }
.bushiness_btn a:active{ color:#FFFFFF; }
.bushiness_btn a:hover{color:#FFFFFF; }

#ul_report li{
	margin-bottom:20px;
	list-style:circle;
}
#ul_report li a:link{ color:#2857D8; }
#ul_report li a:visited{ color:#2857D8; }
#ul_report li a:active{ color:#2857D8; }
#ul_report li a:hover{color:#2857D8; text-decoration:underline;}

.p_20_center a:link{ color:#2857D8; }
.p_20_center a:visited{ color:#2857D8; }
.p_20_center a:active{ color:#2857D8; }
.p_20_center a:hover{color:#2857D8; text-decoration:underline;}

/**
/*	Header
/* ==========================================*/

#pagetitle{
	position: absolute;
	top: 20vh;
	width: 50%;}
#pagetitle02{
	position: absolute;
	top: 20vh;
	width:100%;}

#pagetitle p,#pagetitle02 p{
	padding: 30px;
	font-size:40px;
	background-color: rgba(255,255,255,0.5);
	font-family: 'Sawarabi Mincho';
	line-height: 1.2em;
	font-weight:bold;}

@media only screen and (max-width: 767px) {
#pagetitle{
	position: relative;
	top: 15vh;
    width: 80%;}
#pagetitle02{
	position: relative;
	top: 12vh;}
#pagetitle p{
	padding:20px;
	font-size:30px;}
#pagetitle02 p{
	padding:15px;
	font-size:27px;}
header {
    margin-bottom: -100px;
}
}

#pagetitle_members{
	clear:both;
	text-align:center;
	background-color:#FDC44F;}

#pagetitle_members p{
	color:#FFFFFF;
	padding:30px 0;
	font-size:36px;}

/* Navbarのオリジナルスタイル */
      .navbar-default {
        border: none;}
      .navbar-origin {
        background: none;}
      .navbar-origin .navbar-brand {
        padding: 0 15px;
        line-height: 70px;
        height: 60px;
        font-size: 24px;
        font-weight: 100;}

	  
@media only screen and (max-width: 767px) {
	  .navbar-origin .navbar-brand {
        padding: 0 15px 0 0;
        line-height: 60px;
        height: 50px;
        font-size: 18px;
        font-weight: 100;
		margin-top: 10px;
      }

      .navbar-origin .navbar-brand span{
        line-height: 60px;
        height: 50px;
        font-size: 12px;
        font-weight: 100;
      }

}
      .navbar-origin .navbar-nav>li>a {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 70px;
		font-size:15px;
        font-weight: 200;
        color: #333333;
      }
      .navbar-origin .navbar-nav>li>a:hover{
        color: #257698;
        border-bottom: 1px solid #257698;
        line-height:69px;
      }
      .navbar-origin .navbar-nav>.open>a,
      .navbar-origin .navbar-nav>.open>a:hover,
      .navbar-origin .navbar-nav>.open>a:focus {
        background: none;
        color: #E42121;
      }

      .controls input{
        margin-bottom: 10px;
      }

/* ----------------------------------------
 *   ブログ
 * ---------------------------------------- */
.archive_blog{
	border-bottom:#929292 1px solid;
	margin-bottom:60px;
}


/* ----------------------------------------
 *   top
 * ---------------------------------------- */
.top_btn_serch{
	position:relative;
	background-color:#247BA0;
	color:#FFFFFF;
	font-size:160%;
	text-align:center;
	margin:0 0 10px 0;

}

.top_btn_serch a { display:block;
width: 100%;
background-color:#247BA0;
padding:40px 0;	
background-image: linear-gradient(-10deg, #0b4e6a 50%, #247BA0 50%, #247BA0);
}

 /* 以下マウスを載せたときのスタイル */
.top_btn_serch a:hover { background-color: #257698;
 color:#222222; }

.btn-effect:hover, .btn-effect:focus, .btn-effect:active {
	color: #247BA0;
}

.top_btn_serch a:link{ color:#FFFFFF; }
.top_btn_serch a:visited{ color:#FFFFFF; }
.top_btn_serch a:active{ color:#FFFFFF; }
.top_btn_serch a:hover{color:#FFFFFF;background-image: linear-gradient(-10deg, #247BA0 50%, #009EE3 50%, #009EE3);}




/* ----------------------------------------
 *   footer
 * ---------------------------------------- */
#footer_adress{
	font-size:90%;
	line-height:130%;
	margin-bottom:10px;

}

#footer_top a{
	background:url(../img/top.png) no-repeat;
	width:300px;
	height:70px;
	margin:0 auto;
	display:block;
}
#footer_top a:hover{
	background:url(../img/top_on.png);
  transition: 0.2s all ease;}

/* ----------------------------------------
 *   p関係
 * ---------------------------------------- */

.p_60{ margin-bottom:60px; line-height:180%; }
.p_50font{ margin-bottom:50px; line-height:180%; font-size:16px;}
.p_50{ margin-bottom:50px; line-height:180%; }
.p_40{ margin-bottom:40px; line-height:180%; }
.p_30{ margin-bottom:30px; line-height:180%; }
.p_20font{ margin-bottom:20px; line-height:180%; font-size:16px;}
.p_20{ margin-bottom:20px; line-height:180%; }
.p_10{ margin-bottom:10px; }
.p_05{ margin-bottom:5px; line-height:180%; }
.p_00{ margin-bottom:00px; line-height:180%; }

.p_60_center{ margin-bottom:60px; line-height:180%; text-align:center; }
.p_50_center{ margin-bottom:50px; line-height:180%; text-align:center; }
.p_40_center{ margin-bottom:40px; line-height:180%; text-align:center; }
.p_30_center{ margin-bottom:30px; line-height:180%; text-align:center; }
.p_20_center{ margin-bottom:20px; line-height:180%; text-align:center; }
.p_10_center{ margin-bottom:10px; line-height:180%; text-align:center; }
.center{ line-height:180%; text-align:center; }

.clear_60{ clear:both; line-height:180%; margin-bottom:60px; }
.clear_50{ clear:both; line-height:180%; margin-bottom:50px; }
.clear_40{ clear:both; line-height:180%; margin-bottom:40px; }
.clear_30{ clear:both; line-height:180%; margin-bottom:30px; }
.clear_20{ clear:both; line-height:180%; margin-bottom:20px; }
.clear_10{ clear:both; line-height:180%; margin-bottom:10px; }
.clear{ clear:both; }


.bold{ font-weight:bold; }
.bold_red{ font-weight:bold; color:#F00; }

.p_40_right{ margin-bottom:40px; line-height:180%; text-align:right; }
.p_10_right{ margin-bottom:10px; line-height:180%; text-align:right; }

.clear_right{ clear:both; text-align:right; }


/* ----------------------------------------
 *   list 各サイズ
 * ---------------------------------------- */
.list_0_0{ float:left; margin:0 0 0 0; }
.list_0_10{ float:left; margin:0 0 0 10px; }
.list_0_30{ float:left; margin:0 0 0 30px; }
.list_50_0{ float:left; margin:0 0 50px 0; }
.list_0_5{ float:left; margin:0 0 0 5px; }
.list_5_0{ float:left; margin:0 0 5px 0; }
.list_10_0{ float:left; margin:0 0 10px 0; }
.list_10_17{ float:left; margin:0 0 10px 17px; }
.list_10_18{ float:left; margin:0 0 10px 18px;; }
.list_15_0{ float:left; margin:0 0 15px 0; }
.list_15_30{ float:left; margin:0 0 15px 30px; }
.list_20_0{ float:left; margin:0 0 20px 0; }
.list_20_17{ float:left; margin:0 0 10px 17px; }
.list_20_18{ float:left; margin:0 0 10px 18px;; }
.list_20_17{ float:left; margin:0 0 20px 17px; }
.list_20_18{ float:left; margin:0 0 20px 18px; }
.list_40_0{ float:left; margin:0 0 40px 0;  text-align:center; }
.list_10_10{ float:left; margin:0 0 10px 10px; }
.list_50_10{ float:left; margin:0 0 50px 10px; }
.list_50_15{ float:left; margin:0 0 50px 15px; }
.list_50_20{ float:left; margin:0 0 50px 20px; }
.list_15_10{ float:left; margin:0 0 15px 10px; }
.list_20_10{ float:left; margin:0 0 20px 10px; }
.list_10_15{ float:left; margin:0 0 10px 15px; }
.list_15_15{ float:left; margin:0 0 15px 15px; }
.list_20_15{ float:left; margin:0 0 20px 15px; }
.list_10_20{ float:left; margin:0 0 10px 20px; }
.list_15_20{ float:left; margin:0 0 15px 20px; }
.list_20_20{ float:left; margin:0 0 20px 20px; }
.list_40_10{ float:left; margin:0 0 40px 10px; }
.list_40_15{ float:left; margin:0 0 40px 15px; text-align:center; }
.list_40_20{ float:left; margin:0 0 40px 20px; }
.list_40_30{ float:left; margin:0 0 40px 30px; }
.list_30_0{ float:left; margin:0 0 30px 0; }
.list_30_15{ float:left; margin:0 0 30px 15px; }
.list_30_18{ float:left; margin:0 0 30px 18px; }
.list_30_20{ float:left; margin:0 0 30px 20px; }

/* ----------------------------------------
 *   フロート 各サイズ
 * ---------------------------------------- */
.float_left_150{ float:left; width:150px; }
.float_left_170{ float:left; width:170px; }
.float_left_210{ float:left; width:210px; }
.float_left_220{ float:left; width:220px; }
.float_left_240{ float:left; width:240px; }
.float_left_250{ float:left; width:250px; }
.float_left_270{ float:left; width:270px; }
.float_left_300{ float:left; width:300px; }										
.float_left_350{ float:left; width:350px; }
.float_left_400{ float:left; width:400px; }
.float_left_440{ float:left; width:440px; }
.float_left_460{ float:left; width:460px; }
.float_left_470{ float:left; width:470px; }
.float_left_480{ float:left; width:480px; }
.float_left_485{ float:left; width:485px; }
.float_left_500{ float:left; width:500px; }
.float_left_510{ float:left; width:510px; }
.float_left_600{ float:left; width:600px; }
.float_left_615{ float:left; width:615px; }
.float_left_640{ float:left; width:640px; }


.float_right_150{ float:right; width:150px; }
.float_right_220{ float:right; width:220px; }
.float_right_230{ float:right; width:230px; }
.float_right_240{ float:right; width:240px; }
.float_right_290{ float:right; width:290px; }
.float_right_300{ float:right; width:300px; }
.float_right_320{ float:right; width:320px; }
.float_right_350{ float:right; width:350px; }
.float_right_380{ float:right; width:380px; }
.float_right_430{ float:right; width:430px; }
.float_right_440{ float:right; width:440px; }
.float_right_460{ float:right; width:460px; }
.float_right_470{ float:right; width:470px; }
.float_right_480{ float:right; width:480px; }
.float_right_485{ float:right; width:485px; }
.float_right_510{ float:right; width:510px; }
.float_right_530{ float:right; width:530px; }
.float_right_600{ float:right; width:600px; }
.float_right_650{ float:right; width:650px; }
.float_right_700{ float:right; width:700px; }