@charset "utf-8";

/*************************************************
		index.html専用
*************************************************/

/*index上部の切り替わる背景画像-----------------------*/
#headerimgs{position: relative;padding-top: 159px;}

.bxslider----- li img{max-width: 100%;height: auto;width: auto;}

/* ==============================
bx-slider カルーセル版　big画像
============================== */
/* 初期化完了まで非表示 */
.bxslider {display:none;}
.bx-wrapper .bxslider {display: block;}
.bx-wrapper {box-shadow: none;border: none;background: none;margin-bottom:0;}

#bxslider-wrap {width: 100%;height:573px;overflow: hidden;position: relative;}
#bxslider-wrap-inner {width: 3620px;position: relative;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 1;}

/*next、prevボタン*/
#headerimgs .bx-wrapper .bx-controls-direction a {margin-top: -34px;width: 34px;height: 65px;z-index: 300;}
#headerimgs .bx-wrapper .bx-prev {left: 1220px;background: url(../img/bx_arrow_left.png) no-repeat 0 0;}
#headerimgs .bx-wrapper .bx-next {right: 1220px;background: url(../img/bx_arrow_right.png) no-repeat 0 0;}
#headerimgs .bx-wrapper .bx-next:hover,
#headerimgs .bx-wrapper .bx-next:focus {background-position:0 0;}

/*●ボタン*/
#headerimgs .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:-24px;}
#headerimgs .bx-wrapper .bx-pager.bx-default-pager a {background: #ccc;width: 8px;height: 8px;}
#headerimgs .bx-wrapper .bx-pager.bx-default-pager a:hover,
#headerimgs .bx-wrapper .bx-pager.bx-default-pager a.active,
#headerimgs .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #555;}

/*左右の薄い白の目隠し*/
#slideFilterL, #slideFilterR {position:absolute;top:0;width:1200px;height:550px;background:url(../img/index_bigimg_filter.png) no-repeat 0 0;}
#slideFilterL {left:0;}
#slideFilterR {right:0;}

@media only screen and (max-width: 1200px) {
#bxslider-wrap {height: auto;}
#bxslider-wrap-inner {width: -webkit-calc(300% + 20px);width: calc(300% + 20px);}
#headerimgs .bx-wrapper .bx-prev {left:34%;}
#headerimgs .bx-wrapper .bx-next {right: 34%;}
#slideFilterL, #slideFilterR {width:auto;height: 0;padding-top:45.8%;background-size:cover;-webkit-background-size:cover;}
}




/*/////////////　紹介文　//////////////////////////////*/
.shoukai-com1{font-size:108%;text-align:center;}
.shoukai-com1 span{display:block;}




/*/////////////　お知らせ　//////////////////////////////*/
body#home #field1{padding:57px 0 70px 0;}

.news-title{font-size:208%;color:#444;font-weight:bold;line-height: 1.1;letter-spacing: 0.3em;margin: 0 0 11px 0;text-align: center;}
.news-title-en{font-size:72%;color:#5BA330;line-height: 1.1;letter-spacing: 0.05em;margin: 0 0 20px 0;text-align: center;}

.news-ichiran{position:absolute;width:980px;text-align:right;margin:-65px auto 0 auto;}
.news-ichiran a{font-size:86%;color:#000;line-height: 1.1;background:url(../img/arrow_green_5-9.gif) no-repeat 0 center;padding-left:10px;}
.news-ichiran a:hover{color:#539f20;}

/* ==============================
bx-slider カルーセル版  お知らせ
============================== */
/* 左右の矢印ボタン (NEXT / PREV) */
body#home #field1 .bx-wrapper .bx-prev {left:0px; background: url(../img/news_arrow_left.png) no-repeat 0 0;}
body#home #field1 .bx-wrapper .bx-next {right:0px; background: url(../img/news_arrow_right.png) no-repeat 0 0;}
body#home #field1 .bx-wrapper .bx-controls-direction a {top: 36%;margin-top: 0;width:45px;height: 90px;z-index: 90;opacity:0.4;}
body#home #field1 .bx-wrapper .bx-controls-direction a:hover{opacity:0.9;}

dl.index-news-dl{width:258px;height:333px;background-color:#fff;padding:11px 0 0 12px;display:block;}
dl.index-news-dl a dt{width:230px;height:155px;background-image:url(../img/news_default_img.gif) ;background-size:contain !important;background-position: center center;background-repeat: no-repeat;}
dl.index-news-dl a dd{width:230px;margin-top:8px;color:#444;}

dl.index-news-dl a dd .index-news-date{float:left;font-size:79%;line-height:1.3;}
/*IE8以上*/
dl.index-news-dl a dd .index-news-date{margin-top:2px\0;}

dl.index-news-dl a dd .index-news-date img{margin: -4px 0 0 5px;display: inline;}
dl.index-news-dl a dd .index-news-category{float:right;line-height:1.0;}
dl.index-news-dl a dd .index-news-category img{width:76px;height:auto;}

dl.index-news-dl a dd .index-news-midashi1{margin:7px 0 10px 0;font-size:108%;font-weight:bold;color:#444;line-height:1.3;}
/*IE8以上*/
dl.index-news-dl a dd .index-news-midashi1{margin:9px 0 9px 0\0;}

dl.index-news-dl a dd .index-news-com1{font-size:79%;line-height:1.5;color: #666;}
dl.index-news-dl a dd .index-news-more{position:absolute;bottom:13px;width:120px;margin: 0 0 0 55px;border-radius:4px;background-color:#f0f0f0;border:1px solid #ccc;font-size:86%;height: 22px;line-height: 19px;text-align:center;}
/*IE8以上*/
dl.index-news-dl a dd .index-news-more{line-height:21px\0;}

dl.index-news-dl a:hover{/*opacity: 0.6;*/text-decoration:none !important;}
dl.index-news-dl a:hover dt{opacity: 0.6;}
dl.index-news-dl a:hover dd .index-news-date{color:#444;}
dl.index-news-dl a:hover dd .index-news-category img{opacity:1.0;}
dl.index-news-dl a:hover dd .index-news-midashi1{color:#539f20;text-decoration:underline;}
dl.index-news-dl a:hover dd .index-news-com1{color:#444;}
dl.index-news-dl a:hover dd .index-news-more{border-radius:4px;background-color:#e4efde;border:1px solid #b0db95;color:#539f20;}




/*/////////////　おすすめコンテンツ　//////////////////////////////*/
body#home #field2{padding:70px 0;}/*margin-top:10px;*/
body#home #field2 .container{width: 100%;max-width: 1330px;}

.osusume-cont{overflow:hidden;padding-top:10px;}
.osusume-cont ul{width:104%;margin: 0 !important;}

.osusume-cont ul a li{position: relative;display:block;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
.osusume-cont ul a:hover li{-webkit-transform: translate(0%,-10px);transform: translate(0%,-10px);opacity:0.6;text-decoration:none !important;}

.osusume-cont ul li{float:left;width:310px;height:280px;margin-right:25px;}

.osusume-cont ul li.osusume-kojin{background:url(../img/index_kojin.jpg) no-repeat 0 0;}
.osusume-cont ul li.osusume-fudosan{background:url(../img/index_fudosan.jpg) no-repeat 0 0;}
.osusume-cont ul li.osusume-fudosan.syukatsufudousan{background:url(../img/index_syukatsu.png) no-repeat center 0;}
.osusume-cont ul li.osusume-company{background:url(../img/index_company.jpg) no-repeat 0 0;}

.osusume-cont ul li .osusume-inner{background-color: rgba(81,156,31,0.8);padding: 11px 15px 0 15px;height:105px;margin-top:175px;}
.osusume-cont ul li .osusume-title{background:url(../img/mark1.png) no-repeat 0 center;font-size:172%;font-weight:bold;line-height:1.2;letter-spacing:0.1em;height:36px;padding-left:43px;color:#fff;}
.osusume-cont ul li .osusume-com1{font-size:86%;line-height:1.3;color:#fff;margin-top:8px;}

.osusume-cont ul li.osusume-fudosan .osusume-title{background:url(../img/mark2.png) no-repeat 0 center;}
.osusume-cont ul li.osusume-company .osusume-title{background:url(../img/mark3.png) no-repeat 0 center;}
.osusume-cont ul li.osusume-fudosan.syukatsufudousan .osusume-title{letter-spacing: 0;}



/*/////////////　建築事例　//////////////////////////////*/
body#home #field3{padding:60px 0 60px 0;}/*margin-top:3px;*/

.index-work-cont{overflow:hidden;}
.index-work-cont ul{width:1050px;height:260px;border-top:1px solid #a5cc88;border-bottom:1px solid #a5cc88;padding:30px 0 0 0;text-align:center;margin: 0 !important;}

.index-work-title{font-size:179%;font-weibht:600;color:#333;}

.index-work-cont ul li{position: relative;float:left;margin: 0 16px;padding: 0 !important;}
.index-work-cont ul li a:hover{text-decoration:none;}

.index-work-cont ul li a img {display:block;
    -moz-transition: -moz-transform 0.5s linear;-webkit-transition: -webkit-transform 0.5s linear;-o-transition: -o-transform 0.5s linear;-ms-transition: -ms-transform 0.5s linear;transition: transform 0.5s linear;}
.index-work-cont ul li a:hover img {opacity:0.9;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}

.index-work-cont ul li a .index-work-text{position:relative;color:#000;
    webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;-ms-transition: 0.6s;transition: 0.6s;}
.index-work-cont ul li a:hover .index-work-text{margin-top:15px;color: #539f20;}


/*/////////////　facebookと動画　//////////////////////////////*/
body#home #field6{padding:20px 0;}