/* YOUTUBE動画レスポンシブルここから */
.video {
    position: relative;
    height: 0px;
    overflow: hidden;
    padding: 10px 0px 50%;
}
.video iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
/* YOUTUBE動画レスポンシブルここまで */


/* bxsliderここから */
/* リセット */
* {margin: 0; padding: 0;}
body,html {width: 100%;height: 100%;}


/* 設定 */ .container {width: 100%; height: 100%; overflow-x: hidden;} .slide_all {width: 980px; margin: 0 auto; height: 330px; position: relative;} .slide_wrap {width: 2940px; position: absolute; left: 50%; margin-left: -1470px;} .slide_body {width: 100%;} .slide {width: 980px;} .slide img {width: 100%; vertical-align: bottom;}

/* 装飾 */ .bx-controls-direction,.bx-pager {text-align: center;height: 25px;} .bx-controls-direction a,.bx-pager-item {display: inline-block;} .bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #000; border-radius: 10px; margin:10px 2px 0 2px;} .bx-pager-item a.active {opacity: 0.3;} .bx-controls-direction a{text-decoration: none; color: #000; padding:0 5px;} .bx-controls {position: absolute;bottom: 5px;z-index: 100;width: 100%;} 

/* タイトル文 */
.title_pc{position:relative;}
.title{position:absolute; left:50%; top:50%; z-index:100;}
.title img{margin-left:-50%;; margin-top:-55%; vertical-align:bottom;} 
.leftNav,.rightNav{background: url("../images/bg.png") repeat scroll 0px 0px transparent;}
.leftNav{display: block; position: absolute; width: 980px; height: 330px; top: 0px; z-index: 100; right: 50%; margin-right: 490px;}
.rightNav{display: block; position: absolute; width: 980px; height: 330px; top: 0px; z-index: 100; left: 50%; margin-left: 490px;}
/* bxsliderここまで */


/* 背景 */
.bg_01{ background: url("../images/bg_01.png") repeat-x scroll 0px 0px transparent; }
.bg_02{background: none repeat scroll 0% 0% #00723F;}
.bg_03{ background: url("../images/bg_03.png") repeat scroll 0px 0px transparent; }

/* 導線 */
.contents01_box_inner01 {max-width:980px; margin:0 auto;}
.contents01_box_inner01 li{ float:left; max-width:100%;}
.contents01_box_inner02 li{ float:left; margin: 5px 0px 10px 5px; }
.contents01_box_inner li img{vertical-align:middle; }
.hajimeni_box_inner img,.hajimeni_box_inner2 img,.hajimeni_box_inner img,.contents02_box_inner img{vertical-align:middle; margin:0 auto; display:block;}
.hajimeni_box_inner2{padding:2% 0;}
.contents02_box_inner ul{float:left; margin-left:-16px;}
.contents02_box_inner li{float:left; margin:12px 0 12px 15px;}
.under_cnt{width:50%;}
.showroom_box_inner img{display:block; margin:0 auto;}

/* Phone Portrait (1024px) */
@media only screen and (min-width: 0px) and (max-width: 1024px) {
.contents01_box_inner02 li{ float:left; margin:3% 0.5% 0; width:32.3%; }
.contents02_box_inner li{margin:1%; width:23%;}
.contents02_box_inner ul{margin:0; width:100%;}
}
/* Phone Portrait (768px) */
@media only screen and (min-width: 0px) and (max-width: 768px) {
.contents02_box_inner li{margin:1%; width:23%;}
.showroom_box_inner img {width:98%; margin:0 1%;}
.hajimeni_box_inner img {width:98%; margin:0 1%;}

}
/* Phone Portrait (640px) */
@media only screen and (min-width: 0px) and (max-width: 640px) {
/*.contents01_box_inner02 li{ float:left; margin:1% 2%; width:96%; } */
.contents01_box_inner01 li{ float:left; margin:1% 2%; width:96%; }
.contents02_box_inner li{margin:2%; width:46%;}
.under_cnt{width:100%;}
.hajimeni_box_inner2{padding:2% 0 3%; margin:0 1%; width:98%;}
}
                         
/*---トップ会社案内ここから---*/
#about_box{  width: 100%; height:379px; background: url("../images/about_box_bg.png") no-repeat scroll 50% 0 transparent; margin:0 auto; position:relative; overflow: hidden;}
#about_box_inner{width:980px; margin:0 auto;}
#about_box_bg{ width: 980px; height:379px; position:relative; bottom:0;}
#about_box_bg ul{float:left; z-index:10; bottom:0; position:absolute;}
#about_box_bg ul li{width:100%; margin:6% 0; max-width: 267px;}
#about_box_bg ul li img{width:100%;}
#about_box_bg ul li img#about00 {width:184%; max-width:484px; margin: 0 0 -10px -15px;}
.about_box_sp {width:100%; display:none;}
.about_box_sp img {width:100%;}
.about_txt {width:660px; margin:25px auto 0; font-size: 110%; text-align:left; position: relative; padding: 0px 320px 0px 0px;}
.about_txt img {position: absolute; right: 0px; bottom: 0px; pointer-events: none;}
#about_textstyle {color: #00723f; font-size: 167%;}

@media screen and (max-width:1024px) {
#about_box_bg ul{left:1%;}
.about_txt {width:98%; margin:2% auto 4%; padding: 0px;}
.about_txt img{position: static; float: right; width: 29%; min-width: 122px; margin: 0px;}
#about_textstyle {font-family: monospace ,"Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; font-size: 167%;}
}
@media screen and (max-width:640px) {
#about_textstyle {font-size: 135%;}
.about_txt {font-size: 87.5%;}
}
@media screen and (max-width:480px) {
#about_box{display:none;}
.about_box_sp { display: block;}
.about_box_inner_sp li {float:left; width: 31.3%; margin: 0px 1%;}
}
@media screen and (max-width:360px) {
.about_box_inner_sp li {width:98%;}
}
@media screen and (max-width:320px) {
#about_box_inner {width:100%; margin:0 auto;}
#about_box_bg {width: 100%; height:auto; background:none;}
#about_box_bg ul {float:right; z-index:9999; margin-top:0px;}
.about_text_box {width:98%; padding:0px 0 0 2%;}
.about_txt {width:100%;}
}
/*---トップ会社案内ここまで---*/
       
/* 施工事例一覧 */
#main_cnt02 .works_list li{float:left; width:16%; margin: 0 0.3%;}
/* Phone Portrait (768px) */
@media only screen and (min-width: 0px) and (max-width: 768px) {
#main_cnt02 .works_list li{ width:23%;  margin: 0 1%;}
}
/* 声一覧 */
#main_cnt02 .voice_list li{float:left; width:49%; margin: 0 0.5%;}

/*ＳＮＳボタン*/
.Socialbtn {text-align:right; margin:0px 0px 0px 0px; float:right;}
@media screen and (max-width:640px) {
.Socialbtn {width:100%;}
}
.Socialbtn iframe,
.Socialbtn a,
.Socialbtn img,
.Socialbtn div {
  vertical-align:bottom !important;
}
.Socialbtn .Line { position:relative; float:left; width:82px;}
.Socialbtn .Gree { position:relative; float:left; width:60px;}
.Socialbtn .HatenaBookmark { position:relative; float:left;}
.Socialbtn .Evernote { position:relative; float:left; width:51px;}
.Socialbtn .GooglePlus { position:relative; float:left; width:55px;}
.Socialbtn .Tweet { position:relative; float:left; width:75px;}
.Socialbtn .Facebook { position:relative; top:0px; float:left; width:100px;}
.Socialbtn span {margin:5px;}
.Socialbtn .Facebook iframe{width:100px;}
       
#fb-root {
    display: none;
}
 
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
                                                                                                                                                               
/* TOP事例改修 */
@media screen and (min-width:1025px) {
#main_top_cnt02 .all_listbox .works_box_top:nth-child(6n-5) {margin-left:0.5%}                                                                                                                   
#main_top_cnt02 .grid_end{margin-right:0;}
#main_top_cnt02 .works_block_top{width:15.5%; margin-right:1%;} 
}
.cnt_topjirei_box{padding:0.5% 0;}
.cnt_topjirei_inner li{float:left; width:220px; margin:0.5% 11px;}

@media screen and (max-width:1024px) {
#main_top_cnt02 .works_block_top{width:32.3%; margin:0.5%;} 
.cnt_topjirei_inner li{float:left; width:24%; margin:0.5%;}
}
@media screen and (max-width:640px) {
#main_top_cnt02 .works_block_top{width:49%; margin:0 0.5% 2%;} 
.cnt_topjirei_inner li{float:left; width:32.3%; margin:0.5%;}
}

/* 新着情報ここから */
#news_wrap {width:96%; max-width:940px; margin:1.5% auto; overflow:hidden;}
#news_box {width:49%; padding: 1% 0; float:left; border: 1px solid #bbb; box-sizing: border-box;}
#news_box2 {width:49%; padding: 1% 0; float:right; border: 1px solid #bbb; box-sizing: border-box;}
#news_wrap h2 {border-bottom: 4px solid #0B532D; width: 95%; margin: 0px auto 10px; padding:1% 0; font-size: 100%; letter-spacing: 0.2em; color: #0B532D;}
#news_wrap ul {width: 96%; margin: 0px auto; padding-bottom: 1%; overflow-y: scroll; height: 8em;}
#news_wrap li {border-bottom: 1px solid #ddd; padding: 5px 5px 5px 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#news_wrap li .news_point {color:#0B532D; padding: 5px 5px 5px 10px;}
.news_blogname{color:#000;}
#news_wrap #news_box li a { text-decoration: none;}
#news_wrap #news_box li a>span:last-of-type { text-decoration: underline;}
@media screen and (max-width:1024px) {
.news_blogname{display:none;}
}
@media screen and (max-width:640px) {
#news_box,
#news_box2 {width:100%; margin-bottom:2%; float:none;}
}

/* 住宅ストック */
@media screen and (max-width:1024px) {
.stock_box_wrap div{max-width: 98%; margin:0 auto;}
} 
                                                                                                                                                               
/* 資料請求 */
.request_box_inner img{vertical-align:middle; margin:0 auto; display:block;}
                                                                                                                                                               
@media only screen and (min-width: 0px) and (max-width: 640px) {
.request_box_inner{padding:2% 0 3%; margin:0 1%; width:98%;}
}
               
/* ADD20210614*/
               .mean-bar{
               height: 100%;
               }