@charset "utf-8";

/*************************************************
			default
*************************************************/
body {margin: 0px;padding: 0px;font-size:15px;color:#444;position: relative;height: 100%;background-color:#fff;
			-webkit-text-size-adjust: none;/*iphoneの文字サイズの自動調整解除*/
			/*font-feature-settings : "palt";	fontの自動カーニング*/
			font-weight:400;font-style: normal;
			font-family:Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "メイリオ" , Meiryo , "Meiryo UI" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif, source-han-serif-japanese,serif;}


/*源ノ明朝 Light
.min-light{font-family:source-han-serif-japanese,serif;font-weight: 300 !important;font-style: normal;}*/
/*源ノ明朝 Regular*/
.min-regular{font-family:source-han-serif-japanese,serif;font-weight: 400 !important;font-style: normal;}
/*源ノ明朝 Medium*/
.min-semibold{font-family:source-han-serif-japanese,serif;font-weight: 500 !important;font-style: normal;}
/*源ノ明朝 SemiBold
.min-semibold{font-family:source-han-serif-japanese,serif;font-weight: 600 !important;font-style: normal;}*/
/*源ノ明朝 Bold
.min-bold{font-family:source-han-serif-japanese,serif;font-weight: 700 !important;font-style: normal;}*/


a         {color: #539f20;text-decoration:none;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}/*hover ゆっくり変わる*/
a:link    {color: #539f20;text-decoration:none;}
a:visited {color: #587e3f;text-decoration:none;}
a:active  {color: #539f20;text-decoration: underline;}
a:hover   {color: #FF9900;text-decoration: underline;}

h1,h2,h3,h4,h5,p,ol,ul,li,span,dl,dt,dd {margin:0;padding:0;font-weight:normal;}
	
img {border:none;margin:0;padding:0;vertical-align:middle;}
a:hover img {opacity: 0.7;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

ul {margin:0px;padding:0px;list-style:none none outside;}
ol{margin:0;padding:0;}

p.clear		{clear:both;line-height:0px;display:block;}
div.clear {clear:both;}

hr{ border:none;border-top:1px solid #ccc;height:1px;}
/*hr{background:url(../images/hr_bg.png) repeat-x 0 0;height:10px;border: 0;}*/

.dotline{border-top: 1px dotted #aaa;line-height: 1px;height: 1px;}
.solidline{border-top: 1px solid #bbb;line-height: 1px;height: 1px;}

.strong{font-weight:bold;}

table{border-collapse: collapse;}


/*padding や border-width がwidth内に収まる*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/*clearfix--------------------*/
.cf:before,
.cf:after {content: " ";display: table;} 
.cf:after {clear: both;} 
.cf{*zoom: 1;}



/*---電話番号用---768px以上の解像度だけpointer-eventsを無効にして、PCのときはTELクリックの反応なし---*/
@media screen and (min-width: 768px) {	
	a[href^="tel:"] {pointer-events: none;}
}



/*----トップローディング ---------------------*/
#loader {position: fixed;z-index:900;text-align: center;width: 100%;height: 100%;background:#fff;}
#load-text {position: absolute;font-size: 72%;color: #444;text-align: center;width: 100%;top: 50%;margin-top: -40px;padding-top:40px;display: block;background:url(../js/loading.svg) no-repeat center top;}
/*横に伸びるバー
#bar {width: 100%;height: 1px;font-size: 2px;position: absolute;top: 50%;}
#bar span {display: block;width: 0px;height: 1px;background: #c3bbb5;}*/



/* ページの各フィールド-------------------*/
#field0,
#field1,
#field2,
#field3,
#field4,
#field5{padding:80px 0 80px 0;}/*position: relative;z-index: -5;*/
#field6{padding:0;}
#field-end{padding:80px 0 20px 0;}

.field-bg-gray1{background-color:#efefef;}/*うすいグレイ*/
.field-bg-green1{background-color:#edf4e9;}/*すごくうすい緑色*/
.field-bg-green2{background-color:#e9efde;}/*うすい緑色*/
.field-bg-blue{background-color:#539f20;color:#fff;}/*ブルー色*/
.field-bg-blue2{background-color:#343285;color:#fff;}/*フッターの濃いブルー*/


/*全ページ共通のテーブル構造　-------------------*/
#wrapper{position: relative;z-index:1;width:100%;/*background:#fff;*/}
.container {width:1000px;margin:0 auto;padding:0;font-size:108%;line-height:1.9;overflow: hidden;}



/*ページ上部右の出てくるナビmenu---*/
#menubtn{display:none;}
#navi_sp{display:none;}


/*ionicons.min.css用のfont-size----*/
.icon-size-s{font-size:72%;padding-right:4px;vertical-align: middle;}




/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のheader
///////////////////////////////////////////////////////////////////////////////*/
#header{position: fixed;top: 100;z-index:50;width:100%;background-color:#fff;}

#header h1{display:none;}

.head-cont{width:980px;margin:10px auto 0 auto;text-align:left;padding:0;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
/* 縮小時のheader*/
#header.smaller .head-cont{margin-top:13px;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
#header.smaller .yokomenu-bg{margin-top:10px;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
#header.smaller dl.logo-dl dt img{width:45px;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
#header.smaller dl.logo-dl dd{margin-top:7px;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
#header.smaller .head-tel-cont ul li.enquete dl dd{padding:4px 7px 3px 7px;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}


dl.logo-dl{position:absolute;width:300px;margin-top:7px;}
dl.logo-dl a{display:block;}
dl.logo-dl a:hover{opacity:0.6;}
dl.logo-dl dt{float:left;margin-right:6px;}
dl.logo-dl dt img{width:60px;height:auto;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
dl.logo-dl dd{float:left;margin-top:15px;line-height: 1.0;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
dl.logo-dl dd img{width:198px;height:auto;}


.head-tel-cont{}
.head-tel-cont ul{text-align:right;}
.head-tel-cont ul li{display:inline-block;vertical-align:middle;}

.head-tel-cont ul li.enquete a:hover{text-decoration:none !important;}
.head-tel-cont ul li.enquete dl{}
.head-tel-cont ul li.enquete a dl{border:2px solid #b4d868;background-color:#62a932;}
.head-tel-cont ul li.enquete a:hover dl{background-color:#498125;border:2px solid #84ae2d;}
.head-tel-cont ul li.enquete dl dt{background: url(../img/enquete_img1.png) no-repeat 0 center;height: 21px;line-height: 23px;padding-left: 32px;color: #fff;font-size: 79%;letter-spacing: 0.3em;text-align: left;}
.head-tel-cont ul li.enquete dl dd{color: #fff;font-size: 86%;letter-spacing: -0.05em;line-height: 1.2;text-shadow: 1px 1px 1px #333;padding:7px 7px 6px 7px;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
/*IE8以上*/
.head-tel-cont ul li.enquete dl dd{padding:8px 7px 5px 7px\0;}

.head-tel-cont ul li.tel{margin-top:11px;}
.head-tel-cont ul li.tel a{background:url(../img/tel.png) no-repeat 0 8px;background-size: 20px;height: 22px;line-height: 1.0;padding-left: 22px;color: #333;font-family: 'Cinzel', serif;font-size: 158%;font-weight: 400;margin-right: 15px;}
.head-tel-cont ul li.tel a:hover{}






/* ==================== 全ページ共通の横メニュー ==================== */
.yokomenu-bg{margin-top:25px;height:69px;width:100%;text-align:center;border-bottom:4px solid #ccc;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
.menu-yokomenu-container{width:1260px;margin:0 auto;}

ul#yoko-menu {list-style-type: none;padding: 0;width:100%;display: table;}

ul#yoko-menu li{position:relative;float:left;margin: 0;padding: 0;text-align: center;}

ul#yoko-menu li.yokomenu1{width:5%;}
ul#yoko-menu li.yokomenu2{width:10%}
ul#yoko-menu li.yokomenu3{width:10%}
ul#yoko-menu li.yokomenu4{width:11%}
ul#yoko-menu li.yokomenu5{width:11%;}
ul#yoko-menu li.yokomenu6{width:10%}
ul#yoko-menu li.yokomenu7{width:10%}
ul#yoko-menu li.yokomenu8{width:10%}
ul#yoko-menu li.yokomenu9{width:12%;}
ul#yoko-menu li.yokomenu10{width:10%;}

ul#yoko-menu li.two a{line-height: 1.2;padding-top: 13px;}

ul#yoko-menu li a{font-size:108%;color: #000;border-left: 1px solid #c7c7c7;height:60px;display: block;overflow: hidden;padding-top:19px;text-decoration: none;}
/*IE8以上*/
ul#yoko-menu li a{padding-top:20px\0;}

/* 縮小時のheader*/
#header.smaller .yokomenu-bg{margin-top:12px;height:59px;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
#header.smaller ul#yoko-menu li a{height:50px;padding-top:14px;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}


/*ul#yoko-menu li.arrow > a{background:url(../img/arrow_9-5.png) no-repeat center 55px;}----未使用*/
ul#yoko-menu > li:first-child a{background:url(../img/icon_home.png) no-repeat center center;text-indent:-8989px;display:block;overflow:hidden;}
ul#yoko-menu > li:last-child a{border-right:1px solid #c7c7c7;}
ul#yoko-menu li a:hover{color:#539f20;background-color:#ecf3e8;}


/*カレント表示用----------------*/
/*body.home ul#yoko-menu li.yokomenu1 > a,*/	/*ホーム*/
body#news ul#yoko-menu li.yokomenu2 > a,			/*お知らせ*/
body#kojin ul#yoko-menu li.yokomenu3 > a,			/*個人住宅*/
body#work ul#yoko-menu li.yokomenu4 > a,			/*事例紹介*/
body#fudosan ul#yoko-menu li.yokomenu5 > a,		/*不動産情報*/
body#company ul#yoko-menu li.yokomenu6 > a,				/*会社案内*/
body#toiawase ul#yoko-menu li.yokomenu7 > a{color:#539f20;background-color:#f0f0f0 !important;}	/*お問合せ*/



/*プルダウン部分 submenu*/
/*三角の表示用
ul#yoko-menu ul li:first-child a:after {content: '';position: absolute;width: 0;height: 0;left:45%;top: -9px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #53912b;}
*/
ul#yoko-menu li ul {position: absolute;background-color:#53912b;z-index:200;list-style-type: none;top:100%;left:0;width:100%;margin: 0;padding: 0;}
ul#yoko-menu li ul li {overflow: hidden;line-height:120%;text-align:left;background-image:none;width: 100%;height: 0;transition: .2s;}
ul#yoko-menu li ul li a {font-size:100%;line-height:120%;color:#fff;text-decoration:none;display:block;height:45px;padding:15px 12px 0 10px;background-image: none !important;border-left:none;}/*white-space:nowrap;overflow:hidden;*/
ul#yoko-menu li:last-child ul li a {border-right:none;}

ul#yoko-menu > li:hover > a {   }
ul#yoko-menu > li:hover li > a:hover {background-color:#427422;color:#fff;}
ul#yoko-menu li:hover > ul > li {overflow: visible;height:45px;border-bottom:1px dotted #a9c895;border-right:none;}
ul#yoko-menu li:hover > ul > li:last-child{border-bottom:none;}


/*subsubmenu*/
ul#yoko-menu li ul li ul {top: 0;left: 100%;}
ul#yoko-menu li:last-child ul li ul {left: -100%;width: 100%;}
ul#yoko-menu li ul li ul li:first-child a:after{border:none;}
ul#yoko-menu li:hover ul li ul li:hover > a {}
ul#yoko-menu li ul li ul:before							{position: absolute;content: "";top:18px;left: -15px;width: 0;height: 0; border: 5px solid transparent;border-left-color:#fff;}/*三角の表示用*/
ul#yoko-menu li:last-child ul li ul:before	{position: absolute;content: "";top:18px;left: 200%;margin-left: -20px;border: 5px solid transparent; border-right-color:#fff;}

/* 縮小時のheader*/
#header.smaller ul#yoko-menu li ul li a {height:45px;}



/*///////////////////////////////////////////////////////////////////////////////
 main
///////////////////////////////////////////////////////////////////////////////*/

/*全ページ共通のSNSボタン */
#sns-box{margin-bottom:60px;text-align:center;}
#sns-box ul{margin:0 !important;padding:0;}
#sns-box ul li{display:inline-block;margin-right:2px;width:35px;height:35px;padding:0 !important;}
#sns-box ul li a img{width:35px;height:35px}
#sns-box ul li a:hover,
#sns-box ul li a:active{opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}




/*/////////////　全ページ共通のバナー　//////////////////////////////*/
/*全ページ共通のfacebook---500px以上は広がらない*/
.facebook-cont{display:inline-block;width:50%;height:350px;margin:0 auto 50px auto;vertical-align: top;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ width: 100% !important;}
/*バナー*/
.index-banner-sp{display:none;margin-bottom:20px;}
.index-banner{}

/*TV-CF動画*/
.banner-cont{display:inline-block;width:45%;height:350px;margin:0 0 50px 3%;background:#333 url(../img/index_tvcf_bg.png) no-repeat 0 center;text-align:center;padding:0 5px;}
.index-tvcf-title{padding-top:36px;}
.index-tvcf15{padding-top:36px;}
.index-tvcf30{padding-top:24px;}


/*全ページ共通のページ下部の上部へ戻る */
#pagetop {position:relative;width:100%;margin:0 auto;z-index:500;}
#pagetop a {position: fixed;bottom:30px;right:30px;display: block;background:url(../img/pagetop.png) no-repeat 0px top;width:65px;height:65px;text-indent:-8989px;display:block;overflow:hidden;opacity:0.4;filter: alpha(opacity=40);-ms-filter: "alpha( opacity=40 )";}
#pagetop a:hover {opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}





/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のフッター
///////////////////////////////////////////////////////////////////////////////*/
#footer{width:100%;padding:18px 0 0 0;text-align:center;background-color:#edf4e9;border-top:3px solid #ccc;}

.footer-cont{}

#footer-link1{text-align:center;}
#footer-link1 ul{margin:0;vertical-align:top;}
#footer-link1 ul li{display:inline-block;font-size:94%;line-height:1.1;text-align:left;vertical-align: top;}
#footer-link1 ul li a{display:block;font-weight:bold;background:url(../img/arrow_green_4-7.gif) no-repeat 0 center;color:#444;line-height: 1.3;padding-left:8px;margin-right:30px;}
#footer-link1 ul li:first-child a{margin-right:20px;}

#footer-link1 ul li p a{padding-top:5px;background-position: left top 13px;}

/*submenu*/
#footer-link1 ul li ul.sub-menu{}
#footer-link1 ul li ul.sub-menu li{display:block;font-size:86%;font-weight: normal;margin-top: 6px;}
#footer-link1 ul li ul.sub-menu li a{background:url(../img/arrow_green_4-7.gif) no-repeat 0 center;color:#333;line-height:1.1;padding-left:8px;}
#footer-link1 ul li ul.sub-menu li a:hover{color:#539f20;}


.footer-zip-cont{margin-top:20px;border-top:1px dotted #999;padding-top:19px;text-align: center;}

.footer-zip-cont-left{display: inline-block;vertical-align: top;width:135px;text-align:center;}
.footer-logomark img{width:95px;height:auto;}
				
.footer-zip-cont-right{display: inline-block;vertical-align: top;text-align:left;}
.footer-logo{line-height:1.0;}
.footer-logo img{width:193px;height:auto;}
.footer-zip{margin:10px 0 8px 0;font-size:93%;line-height:1.4;}
.footer-zip span{}
.footer-tel{float:left;}
.footer-tel a{background:url(../img/tel.png) no-repeat 0 8px;background-size: 20px;height: 22px;line-height: 1.0;padding-left: 22px;color:#000;font-family: 'Cinzel', serif;font-size: 158%;font-weight: 400;}
.footer-tel a:hover{}
.footer-mail{padding:0 0 0 200px;}
.footer-mail a{background:url(../img/btn_form.png) no-repeat 0 0;width:212px;height:30px;text-align:center;line-height:28px;font-size:93%;color:#000;text-decoration:none;display:block;
								webkit-transition: 0s;-moz-transition: 0s;-o-transition: 0s;-ms-transition: 0s;transition: 0s;}
/*IE8以上*/
.footer-mail a{line-height:32px\0;}
.footer-mail a:hover{background:url(../img/btn_form.png) no-repeat 0 -30px;color:#fff;}

#footer .copyright{font-size:79%;color:#fff;line-height:1.2;text-align:center;margin-top:18px;background-color:#62a932;padding:15px 0;}


/*印刷しない--------------------*/
@media print {
#pagetop,
#pagetop a{display:none;}
#header{position: absolute;}
}