:root {
  --firstColor: #3793d8;
  --secondColor: #b0d6f0;
}
.clear{
	clear:both;
}


/*ここはデザイン */

#footer {
  border-top: 6px solid var(--secondColor);
  background-color: var(--firstColor);
  height: 140px;
}


/* navバー用　各ページ共通 */

.navbar {
  background: var(--firstColor);
  border-radius: 0;
  margin: 0;
  border: 0;
  border-bottom:6px solid var(--secondColor);
/*  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  */
}
.navbar .navbar-nav > li > a {
  color: #fff;
}

.navbar .navbar-nav > li > a:hover {
  color: #ffd800;
}
/*.navbar-default: link, .navbar-default: visited, .navbar-default: active, .navbar-default: focus, .navbar-default: hover, {
  color: #ffd800;
}*/

.navbar-title a{
  color: #ffd800;
}
.navbar-title a:hover{
    color: #ffd800 !impotant;
text-decoration: none;
}

.navbar-default .navbar-toggle {
  border-color: var(--firstColor);
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
/*.navbar-default .navbar-toggle: focus, .navbar-default .navbar-toggle: hover {
  background-color: #ffd800 !impotant;
}*/

.logo{
margin-top:16px;
margin-bottom:16px;
}


/********************************* トップページ ****************************************/


/*main image*/
.top_main_image{
	margin-top:16px;
	margin-bottom:8px;
}
/*-------------トップページ項目タイトル---------------------*/
.t_title_bg{
width:300px;
height:33px;
background-image: url(../img/t_title_bg.jpg);
margin:2px 0 2px 1%;
float:left;
}
.t_title_text{
margin-top:6px;
padding-left:26px;
font-size:18px;
font-weight:500;
float:left;

}
a .t_title_text{

color:#333;
text-decoration: none;
}
.double_line {
  display: inline-block;
  /*padding: 18px;*/
 /* box-shadow: 0 0 0 4px #db7093, 12px 12px 0 0 #fff, 12px 12px 0 4px #ffc0cb;*/
  padding:3px;
  box-shadow: 14px 14px 0 0 var(--secondColor), 14px 14px 0 5px var(--firstColor);
  float:left
}
/*-------------トップページ項目タイトル2---------------------*/
.h_title_wrap{
	margin-left:-10px;
	padding-bottom:6px;
	float:left;

}
.h_title{
	margin-top:8px;
	margin-left:22px;
	float:left;
}

.h_text{
	float:left;
}
/*-------------トップページ項目タイトル2-2---------------------*/
/*--法律相談--*/
/*--メールでのご予約--*/
/*--メールでのご予約フォーム--*/

.h_title_wrap2{
	margin-left:-8px;
	padding-bottom:0px;
	float:left;
}
.h_title2{
	margin-top:4px;
	margin-left:22px;
	font-size:24px;
	float:left;
}
/*-------------トップページ項目タイトル2-3---------------------*/
/*--index.php 業務案内--*/

.h_title_wrap3{
	margin-left:-3px;
	padding-bottom:3px;
	float:left;
}


/*-------------トップページ項目バナー---------------------*/
.h1_banner_bg {
    width: 100%;
    height: 48px;
    background-color: var(--firstColor);
    float: left;
    border-top: solid var(--secondColor) 8px;
}
.h1_banner_text {
    font-size: 24px;
    margin-top: 5px;
    margin-left: 12px;
    color: #fff;
    letter-spacing: 0px;
    float: left;
}
/*-------------トップページインフォメーション---------------------*/
.t_info_bg{
width:100%;
height:29px;
background-image: url(img/t_info_bg.jpg);
float:left
}
.t_info_bg_text{
color:#333;
margin-top:6px;
padding-left:21px;
font-size:18px;
font-weight:500;
float:left
}

.double_line_info {
  display: inline-block;
  /*box-shadow: 0 0 0 4px #db7093, 12px 12px 0 0 #fff, 12px 12px 0 4px #ffc0cb;*/
  box-shadow:10px 12px 0 1px #3793d8, 10px 12px 0 3px #fff, 10px 12px 0 4px #bcbcbc;
  padding:3px;
  float:left
}
/*--新着情報一覧--*/


.double_line_info_list {
  display: inline-block;
  padding:3px;
  box-shadow: 14px 22px 0 0 var(--secondColor), 14px 22px 0 5px var(--firstColor);
  float:left
}
.info_list_text{
	padding:6px;	
}
.pagetop{
	text-align:right;
}

/*-------------トップページバナー画像---------------------*/

.t_m_b_border {
    border: 1px solid #d9d8d8;
}
.top_menu_banner {
    margin-bottom: 16px;
}

/*-------------サブページ　■白十字見出し---------------------*/
.cross-icon {
  display: inline-block;
  width: 11px;
  height: 11px;
  background:
    linear-gradient(#fff, #fff) center / 1px 100% no-repeat, /* 縦線 */
    linear-gradient(#fff, #fff) center / 100% 1px no-repeat, /* 横線 */
    var(--secondColor); /* 背景の色 */
}
.sub_title{
	border-bottom: dashed 1px #999999;
	padding-bottom:0px;
	margin-bottom:6px;
	font-weight:bold;
	color:#5a5a5a;
}
.bengosi {
    padding: 10px 24px;
}