﻿@charset "utf-8";
/* CSS Document */
/* #指定した要素　
-------------------------------------------------- */
h1#title {
  padding-left: 10px;
  position: absolute;
  top: -18px;
  color: #ffffff;
  font-size: 13px;
}
#logo {
  max-width: 240px;
  height: auto;
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}
p#subtitle {
  padding-left: 10px;
  color: #333333;
  font-size: 11px;
}
/* 右上メニュー　
-------------------------------------------------- */

.pull-right {
  padding-top: 10px;
  padding-bottom: 10px;
}
.nav-pills>li>a {
    color: #fff;
    background-color: #106524;
}
.nav-pills>li>a:hover {
    color: #fff;
    background-color: #cccccc;
}
.nav-pills>li.active>a {
    color: #fff;
    background-color: #106524;
}
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #cccccc;
}

.dropdown:hover > .dropdown-menu{
  display: block;
}
/* Customize the nav-justified links to be fill the entire space of the .navbar */
.masthead {
  padding-bottom: 15px; 
}
.nav-justified {
  width: 1130px;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;

}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background-color: #d91600; /* Old browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f54400), to(#d91600));
  background-image: -webkit-linear-gradient(top, #f54400 0%, #d91600 100%);
  background-image:      -o-linear-gradient(top, #f54400 0%, #d91600 100%);
  background-image:         linear-gradient(to bottom, #f54400 0%,#d91600 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f54400', endColorstr='#d91600',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x; /* Repeat the gradient */
  border-bottom: 1px solid #d5d5d5;
}

.nav-justified > li > a:hover {
    -ms-filter: "alpha(opacity=60)";
    opacity: 0.6;
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}
}
@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}
/* main
-------------------------------------------------- */
.agent_info_head {
    position: relative;
    background: #e3f6fd;
    padding: 30px 20px 18px 20px;
    border-top: 4px solid #2e96fc;
    margin-bottom: 20px;
}
.agent_info_head .agent_name {
    font-size: 1.786em;
    font-weight: bold;
    color: #004271;
    margin: 0 0 20px 0;
}
.agent_info_head .agent_logo {
    position: absolute;
    top: 10px;
    right: 20px;
    border: 1px solid #b4b4b4;
}
h3#sub {
background-color:gray;
text-align:center;
color:#FFFFFF;
font-size:14px;
padding:6px;
margin-top:20px;

}
h4.branch {
text-align:center;
font-size:16px;
padding-top:20px;
font-weight:500;
}


#profile table {
	margin-top:15px;
			margin-bottom:15px;

}
#profile table th {

	background: #f4f4f4;
	border-top: dotted 1px #cccccc;
	border-right: dotted 1px #cccccc;
	border-bottom: dotted 1px #cccccc;
	padding: 10px 0;
	padding-left:12px;
	text-align:center;
}
#profile table td {
	background: #ffffff;
	border-top: dotted 1px #cccccc;
	border-bottom: dotted 1px #cccccc;
	padding: 10px 10px 10px 24px;
}
#profile th.last, #profile td.last {
	border-bottom: none;
}
.gmap {
padding-bottom: 15px;
padding-right:15px;
float:right;
}
/* yakkan kyokensho　
-------------------------------------------------- */
p.jyoken_sub {
margin-top:5px;
}

#yakkan table {
	border: solid 1px #cccccc;
}
#yakkan table td{
	border-bottom: solid 1px #cccccc;
		border-right: solid 1px #cccccc;

}
#jyokensho table {
	border: solid 1px #cccccc;
}
#jyokensho table td{
	border-bottom: solid 1px #cccccc;
		border-right: solid 1px #cccccc;

}

/* annai　
-------------------------------------------------- */
#annai h4 {
background-image:url(guide_flower.gif);
background-repeat:no-repeat;

font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
color:#5c5c5c;
font-size:23px;
padding-left:34px;
margin-bottom:5px;
margin-top:15px;

text-shadow: 1px 1px 3px #999999; 
letter-spacing: 2px;

}
#annai img{
margin-top: 20px;
margin-bottom: 10px;
}

#annai ul {
list-style:none;
padding-bottom:10px;
}

#furikomi table {
	border: solid 1px #cccccc;
}
#furikomi table td{
	border-bottom: solid 1px #cccccc;
		border-right: solid 1px #cccccc;

}
/* privacy　
-------------------------------------------------- */
.privacy h2{
  color: #000099;
    font-size: 24px;
	font-weight:bold;
	border-bottom:double 3px #000099;
	padding-bottom:5px;
	margin-top:7px;

}
.privacy h3{
  color: #000099;
    font-size: 16px;
	font-weight:bold;
	padding-bottom:5px;
	margin-top:7px;

}
/* guide_tour　
-------------------------------------------------- */
.title_de {
	margin-bottom:15px;
}
.title_de h2{
background-color:#EF5219;
border:solid 2px #ffffff;
border-radius: 6px;
box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
  color: #ffffff;
text-shadow: 1px 1px 3px #666666; 
  font-size: 24px;
  padding:15px;
  font-weight:bold;
  line-height:normal;
	margin-top:7px;
	margin-bottom:10px;
}
.title_de h2 span {
border-top:dotted 1px #cccccc;
	display: block;
	padding-top:10px;
	margin-bottom: 5px;
	color: #ffffff;
	font-size:14px;
}
.box {
	width:100%;
}


.middle_parts {
	width:99%;
	border:solid 1px #999999;
	box-shadow: 1px 1px 6px #cccccc;

	margin: 0 auto;
	padding:15px;
}
.middle_parts h2 {
	padding:0px 0 0 5px;
}
.middle_parts h3 span {
background-color:#f7f7f7;

border-bottom:dotted 1px #cccccc;
	display: block;
	padding-top:5px;
	margin-bottom: 5px;
	color: #bf0000;
	font-size:22px;
}
.middle_parts h3 {
background-color:#f7f7f7;
border:solid 2px #ffffff;
border-radius: 6px;
box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
  color: #333333;
  font-size: 20px;
  padding-left:15px;
      padding-right:15px;

  font-weight:bold;
  line-height:normal;
	margin-top:5px;
	margin-bottom:5px;
}
.middle_parts ul {
	margin-top:12px;
	padding:0 15px;
	line-height:100%;
		list-style:none;

}
p.info_web {
margin-top:5px;
color:#cc6600;
font-size:16px;
font-weight:bold;
border-bottom:dotted 1px #cccccc;
}
.middle_parts ul li.web {
	float:left;

}

.middle_parts ul li.web dl dt{
	float:left;
}

.middle_parts ul li.web dl dd{
	font-size:12px;
	float:left;
}
.middle_parts ul li.web img{
margin-right:10px;
margin-bottom:10px;

}

.middle_parts ul li.tel {
	float:left;
}

.middle_parts ul li.tel dl dt{
	float:left;
}

.middle_parts ul li.tel dl dd{
	font-size:12px;
	float:left;
	
}
.middle_parts ul li.tel img{
margin-right:10px;
margin-bottom:10px;

}
.middle_parts p.shiten {
	margin-top:12px;
	padding-left:15px;
}
.shiten img{
	padding-left:15px;
}
.middle_parts p.text_b {
	margin-top:10px;
	padding:0 15px;
	font-size:12px;
	line-height:150%;
}
.shiten .alert-warning {
color:#cc6600;
background-color:#FCE8D6;
border-color:#ffffff;
font-weight:bold;
font-size:14px;


}
.middle_parts p.text_b span{
	font-size:10px;
}

.next {
padding-top:10px;
padding-bottom:10px;
text-align:center;
}

.middle_parts p.m-per {
	width:90%;
	margin:8px 0 3px 15px;
	padding:1px 8px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#B1C3D9;
}

.middle_parts table {
	width:90%;
	font-size:12px;
	margin:2px 0 2px 15px;
}

.middle_parts table tr td{
	padding:3px 4px;
	border-top:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
}

.middle_parts table tr td.price{
	border-left:#cccccc solid 1px;
}	

.middle_parts table tr td.price02{
	border-bottom:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
}

.middle_parts table tr td.btm{
	border-bottom:#cccccc solid 1px;
}
 
.middle_parts .text_left {
	font-size:12px;
	padding: 0 15px;
	width:45%;
	float:left;
	line-height:150%;
	padding-top:10px;
}

.middle_parts .photo_right {
	float:left;
} 

.middle_parts .photo_right ul li{
	float:left;
}

.middle_parts .photo_right02 {
	padding-left:15px;
	float:left;
}

.middle_parts .photo_right02 p {
	padding:6px 0;
}

.bottom_parts {
	padding-bottom:2px;
}

.bottom_parts02 {
	padding-bottom:10px;
}

.bottom_parts img {
	vertical-align:top;
}

.bottom_parts02 img{
	vertical-align:top;
}

@media (max-width: 768px) {　/* スマホに適用する hidden-md hidden-lgの部分　
-------------------------------------------------- */
.navbar-brand {
padding-left:10px;
}
li.page-scroll {
padding-left:10px;
}
}
/* --------------------------------------------- */
.clearfix:after{
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
@media (max-width: 768px) { /* スマホに適用する　
-------------------------------------------------- */
/* main
-------------------------------------------------- */
#company {
	width:98%;
	margin: 0 auto;
	
}
h3#sub {
background-color:#bf0000;
text-align:center;
color:#FFFFFF;
font-size:14px;
padding:5px;

}
#profile table {
	margin-top:15px;
		margin-bottom:10px;

}

#profile table tr {
    display: block;
    width: 100%;
	border-top: dotted 1px #cccccc;
	border-bottom: dotted 1px #cccccc;
}
#profile table th {
	background: #f4f4f4;
	border-top: none;
	border-bottom: none;
	border-right: dotted 1px #cccccc;
	border-left: dotted 1px #cccccc;
	text-align:left;
	padding: 10px 0;
	padding-left:15px;
    width: 100%;
    display: block;
}
#profile table td {
	background: #ffffff;
	padding: 10px 10px 10px 24px;
	width: 100%;
    display: block;
	border-top: none;
	border-bottom: none;
}
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
float:none;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.jyoken h2 {
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
color:#333333;
font-size:20px;
margin-bottom:0px;
margin-top:5px;

text-shadow: 1px 1px 2px #999999; 
letter-spacing: 2px;
}
.jyoken h2 span {
color:#bf0000;
font-size:28px;
font-weight:bold;
}
/* yakkan jyokensho
-------------------------------------------------- */
.jyoken h3 {
color:#333333;
font-size:16px;
margin-bottom:5px;
margin-top:20px;
}
/* annai
-------------------------------------------------- */
#annai h4 {
background-image:url(guide_flower_s.gif);
background-repeat:no-repeat;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
color:#5c5c5c;
font-size:18px;
padding-left:22px;
margin-bottom:10px;
margin-top:15px;

text-shadow: 1px 1px 3px #999999; 
letter-spacing: 2px;
}
#annai img{
margin-top: 20px;
margin-bottom: 10px;
}
#annai {
width:98%
}
#annai .alert-danger {
background-color:#FFFFFF;
}
/* privacy
-------------------------------------------------- */
.privacy h2{
	width:98%;

  color: #000099;
    font-size: 20px;
	font-weight:bold;
	border-bottom:double 3px #000099;
	margin-top:0px;
}
.privacy h3{
  color: #000099;
    font-size: 14px;
	font-weight:bold;
}
/* guide_tour
-------------------------------------------------- */

.title_de h2{
	width:98%;
	background-color:#EF5219;
border:solid 2px #ffffff;
border-radius: 6px;
box-shadow: 0 2px 6px rgba(0, 0, 0, .15);

  color: #ffffff;
  font-size: 18px;
  padding:10px;
  font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
		margin: 0 auto;

}
.title_de h2 span {
border-top:dotted 1px #cccccc;
	display: block;
	padding-top:10px;
	margin-bottom: 5px;
	color: #ffffff;
	font-size:11px;
}
.middle_parts {
	width:98%;
	border:double 1px #666666;

	padding:10px;
}
.middle_parts .text_left {
	font-size:12px;
	width:98%;
	line-height:150%;
}
.middle_parts h3 span {
border-bottom:dotted 1px #cccccc;
	display: block;
	padding-top:5px;
	margin-bottom: 5px;
	color: #bf0000;
	font-size:14px;
}
.middle_parts h3 {
background-color:#f7f7f7;
border:solid 2px #ffffff;
border-radius: 6px;
box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
  color: #333333;
  font-size: 14px;
  padding-left:15px;
    padding-right:15px;
  padding-top:10px;
    padding-bottom:10px;

  font-weight:bold;
  line-height:normal;
	margin-top:7px;
	margin-bottom:10px;
}
.next{	
padding-top:10px;
padding-bottom:10px;
}
.set h4{
	background-color:#8FA9C9;
	
border-radius: 6px;
  color: #ffffff;
    font-size: 14px;
	font-weight:bold;
	margin-top:10px;
  padding:8px;
}
.middle_parts .photo_right02 {
	padding-left:5px;
	float:left;
}
}

.afl-button {padding:20px !important;}
@media (max-width: 480px) {
    .afl-button {
        padding: 10px !important;
    }
        .afl-button a {
            font-size: 15px !important;
        }
}