* {font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
* {padding:0; margin:0;}
.box {float: left;}
img { border-style:none; width:auto; max-width:100%; height:auto;}

/* GoogleMAP レスポンシブ*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
right:0;
margin:0 auto;
width: 96%;
height: 90%;
}


/* GoogleMAP 幅広レスポンシブ*/
.ggmap_big {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: -15%;
}
 
.ggmap_big iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
right:0;
margin:0 auto;
width: 75%;
height: 70%;
}

#root {max-width: 100%; margin: 0 auto;}
#layout01 {max-width: 980px; margin: 0 auto;}
#layout01_bg {width: 100%; height:212px; background: url("../images/hd_bg.png") repeat-x scroll 0px 0px transparent; position:absolute; z-index:9999; top: 0px; left: 0px;}
#layout01_box {width: 100%; height: 197px;}
#layout01_box_sp {width: 100%; height: 80px;}
#layout02 {max-width: 100%; margin: 0 auto 1%; min-height:20px;}
#layout03 {max-width: 980px; margin:1% auto 0; width: 98%;}
#layout04 {max-width: 100%; margin: 0px auto; padding: 0 0 3%;}

.top_width {width:980px; margin:0 auto;}
#header {width: 100%; height:203px; position: relative;}
#header_inner{margin: 0px;}
#top {width: 100%;}
#wrapper {width: 100%;}
#sub {width:230px;}
#main {width: 730px; float:right; overflow:hidden; margin-right:5px;}
#sub_cnt01 {width: 100%;}
#main_sub_cnt01 {width: 100%; display:none;}
#sub_cnt02 {width: 100%; display:block;}
#sub_cnt02_sp {width: 100%; display:none;}
#sub_cnt02 img {margin: 0 0 10px;}
#sub_cnt02_sp img {width:100%; height:auto; margin: 0 0 10px;}
#sub_cnt03 {width: 100%; margin:0 0 15px 0;}
#sub_cnt03 ul {list-style: none outside none;}
#main_cnt01 {width: 100%; margin:0 0 0 0;}
#main_cnt02 {width: 100%; margin:0 0 5px 0;}
#main_cnt03 {width: 100%;}
#main_cnt04 {width: 100%; margin:0;}
#main_cnt05 {width: 100%; margin: 10px 0px 20px 8px;} 
#footer {width: 980px; margin:0 auto;}
#footer_cnt01 {width: 100%; overflow: hidden; background: #00723f;}
#footer_cnt02 {width: 100%;}
#footer_cnt03 {width: 100%; width: 76%; font-size: 90%; margin: 5% 0px 0px;}
#footer_cnt04 {width: 100%; text-align: center; margin: 10px 0px 50px; color:#000;}
#navi {/*width:100%;*/ line-height: 0; position: absolute; bottom: 0px; }
#hd_title {float:left; margin-top:0px; padding:0px;}
#hd_tel {margin-top:0px; padding: 0; float:right;}
#hd_tel_sp {float:right; display:none; margin: 0px; max-width:55px;}
#hd_tel_sp a {text-decoration: none;}
#nav_sp {float:right; display:none; margin:0px; max-width:55px;}
#footer_cnt02 li.ft_tel_pc {float:right;}
.ft_tel_sp {display:none;}
.ft_tel_sp img{width:100%; height:auto;}
#footer_cnt02 li.ft_tel_sp {float:right;}
#ft_title_li { max-width: 500px; width: 70%;}
.ft_tel_sp a {text-decoration: none;}
#hd_font {float: right; margin: 6px 0px 3px 0px;}

#RCrumb1 {margin-bottom:5px;}
#RCrumb1 li {display:inline; margin-right:6px; padding-left:12px; background:url(../img/base/BgRCrumb1.gif) 0 50% no-repeat;}
#RCrumb1 .RFirst {background:none; padding-left:0px;}
#top img {width: 100%;}

#main_cnt01 ul {margin:0 ; padding:0; list-style:none; overflow: hidden; line-height:1.5;}
#main_cnt01 li {margin:0 5px 2px 0; padding:0; float:left;}
#main_cnt02 ul {margin:0; padding:0; list-style:none; overflow: hidden; line-height: 1.5;}
#main_cnt02 li {margin:0; padding: 0px 0px 4px; float:left; text-align: center; width:100%;}
#main_top {width: 100%;}
#main_top_cnt02 {width: 970px; margin:0 auto;}
#main_cnt02 .works_block_top {float: left; margin: 0px 0px 0px 4%; text-align: center;}
#main_cnt02 .works_block_top2 {float: left; margin: 0px 0px 0px 4%; text-align: center;}
#main_top_cnt03 {width: 970px; margin:0 auto;}
#main_cnt03 .works_block_top {float: left; margin: 0px 5px 0px 0px; text-align: center;}
#main_cnt03 .works_block_top2 {float: left; margin: 0px 5px 0px 0px; text-align: center;}
.works_block_top ul li {padding:0 1%;}
.works_block_top ul .works_block2 li {width: 100%; padding: 0px;}
.works_block_top {float: left; margin:0 0 2%; text-align:center; width:33.3%;}
.works_block_top2 ul li {padding:0 1%; overflow:hidden; max-height:200px; width:98%;}
.works_block_top2 ul .works_block2 li {width: 100%; padding: 0px;}
.works_block_top2 {float: left; margin:0 0 2%; text-align:center; width:33.3%;}
#sub_ft_box {width:980px; margin:0 auto;}
#sub_ft {position: fixed; top: 100%; width: 980px; height:60px; margin: -60px 0px 0px; z-index: 99; line-height: 0;}
#sub_ft a:hover img {opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}
.pic_frame {border:solid 1px #666;}

#main .top_osusume {padding: 10px; line-height: 1.8em;}
#main .toph2 {margin-top: 20px;}
#main a {text-decoration: none;}
#free_area li {margin: 0px 5px 5px 0px; padding: 0px; float: left;}
#main_cnt03 ul {margin:0; padding:0; list-style:none; overflow: hidden; line-height: 0;}
#main_cnt03 li {margin:0 5px 5px 0; padding:0; float:left;}
#sub_cnt01 img {margin:0 0 10px 0;}
#footer_cnt01 ul {margin:0; padding:0; list-style:none; overflow: hidden; width: 993px;}
#footer_cnt01 li {margin: 20px 0px 10px 3px; padding:0; float:left; width:322px;}
#footer_cnt02 ul {margin: 0; padding: 0; list-style: none; overflow: hidden;}
#footer_cnt02 li {margin:8px 0px 8px 0px; float:left;}
#footer_cnt02 .ft_right {float:right;}
#footer_cnt03 ul {margin:0; padding:0; list-style:none; overflow: hidden;}
#footer_cnt03 li {margin:5px 5px 5px 0px; padding:0; float:left;}

#main_cnt02 .works_block {width: 46%; float: left; margin: 0px 2% 4%; text-align: center;}
.works_block ul .works_block2 li {width: 98%; padding: 0px;}
#hd_font p {font-size:12px; margin-right:3px; margin-top: 0px;}
.works_block {width: 48%; float: left; margin: 1%; text-align:center;}
.works_block ul {list-style:none; line-height:1.5;}

.clearfix {width:100%;}
.clearfix:after {content: ""; display: block; clear: both;}
.hide-text {text-indent: 100%; white-space: nowrap; overflow: hidden;}

#h2_works {max-width:624px; width:100%; height:100%; margin:0px auto; background:url('../images/h2_works_pc.png') no-repeat 50% 50%; background-size:100% auto;}
.h2_works_box{ height:100px; margin:0 auto 30px; padding:0;}
@media screen and (max-width:640px) {
.h2_works_box{ height:80px; margin:0 auto 0px; padding:0;}
}
#h2_voice {max-width:584px; width:100%; height:100%; margin:0px auto; background:url('../images/h2_voice_pc.png') no-repeat 50% 50%; background-size:100% auto;}
.h2_voice_box{ height:100px; margin:0% auto 1%; padding:0;}
            
#three_banner {overflow: hidden; width: 100%; margin: 0px 0px 3%;}
#three_banner ul { margin-left: 0px; padding: 0px; list-style: none outside none; width: 732px; line-height: 0;}
#three_banner ul li {float:left;  margin:15px 3px 0px 0px; width:241px;}
#three_banner_970 { width: 100%; overflow: hidden;}
#three_banner_970 ul { margin: 1% auto; padding: 0px; list-style: none outside none; line-height: 0; width: 984px;}
#three_banner_970 ul li {float:left;  margin:1% 4px 0px 0px; width:324px;}
#three_banner_970 ul li img {width:100%;}
#entry_textbox {width:100%; margin:0 auto; max-width:980px;}
#entry_textbox img {width:100%; height: auto; vertical-align : middle; font-size: 0%;}
#entry_textbox table {width:100%; height: auto; vertical-align : middle; font-size: 0%;}

div, ul, li, body {display: block; margin: 0px; padding: 0px;}

#sub_ft_sp {position: fixed; bottom: 0px; width: 100%; height: auto; margin: 0px; z-index: 99; line-height: 0; display: none !important; left: 0;}
#sub_ft_sp img {width: 100%;}
.title_sp {display: none;}
.title_sp img {width:100%;}

#sub_r { position: absolute; top: 0px; width: 108px; height: 182px; margin: 220px 0px 0px 985px; z-index: 9999;}
#sub_r p { width: 108px; height: 179px; background: url('../images/banner.png') no-repeat scroll 0px 0px transparent; text-indent: 100%; white-space: nowrap; overflow: hidden;}

#LF1W1 {width: 980px; margin: 0px; text-align: center; float: left;}
.ft_li_start {display: inline-block; border-left: 1px solid #000; padding: 0px 0px 0px 12px; margin: 0px 0px 2px; font-size: 93%; text-indent: -9999px;}
#RFtNav1 {margin-top: 2%; width: 74%; float: left;}
#RFtNav1 li {display: inline-block; border-left: 1px solid #000; padding: 0px 0px 0px 12px; margin: 0px 10px 2px 0px; font-size: 93%; color:#000;}
#RFtNav1 a {color:#000;}
.ft_tel{ width: 24%; float: right; font-size: 11px; color: #666; margin-top: 2%;}

.anchor {padding-top: 80px; margin-top: -80px;}

#main table img {width:100%; height:auto;}

.font0 {font-size: 0px;}

#gaiyou th {width: 29%; height:auto;}
.works_block2 p {text-align: left; padding: 0px 5px; font-size: 130%;}
.ichiran {width:98%; max-width:350px; float:right;}
.ichiran img {width:100%;}
.top_h2 {display: block;}
.top_h2_sp {display: none;}
.dousen_top {width: 98%; max-width: 970px; margin: 0px auto;}
.dousen_top img {width: 100%;}

.d-1024 {display:block;}
.d-640 {display:block;}
.d-480 {display:block;}
.d-360 {display:block;}
.d1024-768 {display:none;}
.d1024-640 {display:none;}
.d1024-480 {display:none;}
.d1024-360 {display:none;}
.d1024-320 {display:none;}
.d640-480 {display:none;}
.d640-360 {display:none;}
.d640-320 {display:none;}
.d480-320 {display:none;}
.d360-320 {display:none;}

#hd_sp_icon {width: 128px; float: right; display:none;}
#hd_nav_sp_text {clear: both; font-size: 12px; margin: 0px -3px; color: #00723F; display:none;}
#hd_tel_sp_text {font-size: 12px; margin: 3px 5px 0px; color: #00723F; display:none;}

.all_listbox {width:100%; overflow: hidden;}
.all_listbox:after {content: ""; display: block; clear: both;}
.ft_nav_sp {display:none;}
.ft_nav {display:block;}

/* マウスオーバー */
a:hover img {opacity:0.6; filter:alpha(opacity=60); -ms-filter: ""alpha( opacity=60 )"";}

/* left contentsB [ navigation ] */
.LSCD_B1 {margin-bottom:15px;}
.RSbNav1 {margin:0 0px; font-size:16px;}
.RSbNav1 li {zoom:1;}
.RSbNav1 li a.CA1 {margin-bottom:5px; display:block; padding:0px 0; color:#412f28; text-decoration:none; background:#ffffff; border:1px solid #999999;}
.RSbNav1 li a.CA1 .CS1 {display:block; padding:4px 15px 4px 15px;}
.RSbNav1 li a.CA1:hover {color:#fff; background:#412f28;}

/* ul adjustment */
.RSbNav1 {margin:0; padding:0; vertical-align:baseline; list-style:none;}
.RSbNav1 li {margin:0; padding:0; vertical-align:baseline; list-style:none;}

#main h2 {clear: both; background: none repeat scroll 0% 0% #00723F; padding: 2px 0px 2px 15px; margin-bottom: 5px; color: #FFF; font-size: 14px;}
#main h3 {clear:both; padding:5px 5px 5px 15px; margin-bottom:15px; color:#000; font-size:100%; border-bottom: solid 2px #00723F; border-left: solid 7px #00723F;}
#main h4 {clear:both; background:#ffffff; padding:3px 5px 0px 30px; margin-bottom:15px; color:#000; font-size:100%; border-bottom: solid 2px #00723F; text-align: left;}

#main .box h2 {width:635px;}
#footer .box h2 {width:960px;}

                         
@media screen and (-webkit-min-device-pixel-ratio:0) {
#sub {font-size: 105%;}
#main {font-size: 105%;}
.RSbNav1 {font-size: 17px;}
#main h2 {font-size: 16px;}
}

/* Phone Landscape (1024px) */
@media screen and (max-width:1024px) {

.ichiran {margin: 0px 1%;}
.works_block_top {width:33.3%;}
.works_block_top img {width:100%;}
.works_block_top2 {width:33.3%;}
.works_block_top2 img {width:100%;}
.works_block_top ul li {width: 98%; margin: 0px 1%; padding: 0px; float:left;}
.works_block_top ul .works_block2 li {width: 100%; padding: 0px; float:right;}
.works_block_top2 ul li {width: 98%; margin: 0px 1%; padding: 0px; float:left;}
.works_block_top2 ul .works_block2 li {width: 100%; padding: 0px; float:right;}
#main_cnt02 .works_block {width: 46%; margin: 0px 1% 4%;}
#footer_cnt01 img {width: 100%;}
	#main_cnt01 li {width: 100%;}
	#main_cnt01 img {width: 100%;}
	#main_cnt03 li {width: 100%;}
	#main_cnt03 img {width: 100%;}
	#layout02 img {max-width: 100%;}
	#main .box h2 {width:100%;}
	#footer .box h2 {width:100%;}
	#main_sub_cnt01 {width: 100%; display:block;}
	#main_sub_cnt01 img {margin:0 0 5px 0;}
.h1 {display: none;}

.top_width {width:100%;}
#header {width: 100%; height:auto;}
#top {width: 100%;}
#wrapper {width: 100%;}
#sub {width: 100%;}
#main {width: 100%; margin:0}
#sub_cnt02 {width: 100%; display:none;}
#sub_cnt02_sp {width: 100%; display:block;}
#sub_cnt03 {width: 100%; display:none;}
#main_cnt01 {width: 100%;}
#main_cnt02 {width: 100%;}
#main_cnt03 {width: 100%;}
#main_cnt04 {width: 100%;}
#main_cnt05 {width: 100%;}
#footer {width: 100%;}
#footer_cnt01 {width: 100%;}
#footer_cnt01 ul {width: 101%;}
#footer_cnt01 li {width: 31%; margin: 9px 1% 5px; padding: 0px; float: left;}
#footer_cnt02 {width: 24%; float:right;}
#footer_cnt02 ul {padding: 0 1%;}
#footer_cnt03 {width: 100%; display:none;}
#footer_cnt04 {width: 100%; text-align: center;}
#footer_cnt04 ul {margin: 0 10px;}
#three_banner ul {width:100%;}
#three_banner ul li {margin: 0 0px 5px 1%; width:32%; float:left;}
#three_banner_970 ul { width:100%;}
#three_banner_970 ul li {margin:1% 0px 0px 1%; width:32%;}
#main_top_cnt03 {width: 100%; margin:0 auto; padding: 0px;}
#main_top_cnt02 {width: 100%; margin:0 auto; padding: 0;}
.all_listbox {width:100%; height:auto; margin:0 0 0 0%; overflow: hidden;}
#main_cnt02 img {width: 100%;}

#navi {display:none;}
#nav_sp {display:block;}
#hd_tel {display:none;}
#hd_tel_sp {display:block;}
.ft_tel {display:none;}
.ft_tel_sp {display: block; background-color: #fff; padding: 7px 7px 3px 8px;}
#hd_font {display:none;}
#top_bg {display:none;}
#top_bg_sp {display:block;}
#sub_ft {display:none !important; width:100%;}
#sub_ft_sp {display:block !important;}
#sub_r {display: none;}
.title_pc{display:none;}
.title_sp {display: block;}

#li_hd_title {max-width: 220px; width: 57%;}
#hd_title {margin-top:0px; padding:2% 0 0 2%;}
#hd_title img{ width: 100%;}
#hd_sp_icon {display:block; position:absolute; top:0; right:0;}
#hd_nav_sp_text {display:block;}
#hd_tel_sp_text {display:block;}
.top_h2 {display: none;}
.top_h2_sp {display: block;}

#sub_cnt01 {width: 100%; display:none;}

.anchor {padding-top: 80px; margin-top: -80px;}
#layout01_bg {top:0; left:0; height:80px; background:#ffffff; border-bottom: 4px solid #00723F; position:fixed;}

.works_block2 p {padding: 0px 15px;}

.d-1024 {display:none;}
.d1024-768 {display:block;}
.d1024-640 {display:block;}
.d1024-480 {display:block;}
.d1024-360 {display:block;}
.d1024-320 {display:block;}
}

/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) {}

/* Tablet Portrait (768px) */
@media screen and (max-width:768px) {
.top_width {width:auto; margin:0 auto;}
.works_block_top {width:100%; margin:0 0 4%;}
.works_block_top2 {width:100%; margin:0 0 4%;}

.works_block_top2 ul li {width: 48%;}
.works_dousen {display:none;}
.works_block {width: 100%; float: left; margin: 1%; text-align:center;}
.works_block ul {list-style:none;}
.works_block ul li {width:48%; float:left;}
#main_cnt02 .works_block {width: 95%;}
#footer_cnt01 {width: 98%;  margin:0 auto; padding:0 1%;}
#hd_title{max-width:500px;}
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
#footer_cnt01 .float-r {float:left !important;}
#main_cnt02 li {width: 48%; margin: 0px 1%;}
.ft_tel_sp {display: block; background-color: #fff; padding: 7px 7px 3px 8px; margin-top: 10%;}
.works_block ul .works_block2 li {float:right; padding:0 1%;}
#main_cnt02 .works_block .works_block2 li {width: 100%;}
.works_block ul .works_block2 {width: 100%; float:right; margin:0; text-align:center;}
#main #jirei_entry .table-style02 th img {width: auto !important;}
#main #jirei_entry .table-style01 th img {width: auto !important;}

.d1024-768 {display:none;}
}

/* Phone Landscape (640px) */
@media screen and (max-width:640px) {
.d-640 {display:none;}
.d1024-768 {display:none;}
.d1024-640 {display:none;}
.d640-480 {display:block;}
.d640-360 {display:block;}
.d640-320 {display:block;}

#gaiyou th {width: 96%; height:auto; padding: 1% 2%;}
#footer_cnt02 ul {padding: 0 2%;}
#ft_title_li { max-width: 260px; padding:2% 0;}
#footer_cnt01 ul {width: 100%; margin:2% 0;}
#footer_cnt01 li {width: 96%; margin: 1% 2%;}
}


/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) {
.works_block2 p {padding: 0px 5px;}
#footer_cnt04 ul {text-align: left;}
#main_cnt02 .works_block ul .works_block2 li {width: 100%; float: right; margin: 0px;}
}

/* Phone Landscape (480px) */
@media screen and (max-width:480px) {
.works_block ul .works_block2 {width: 100%; float:right; margin:0; text-align:center;}

#main_cnt02 img {width: 100%;}
#footer_cnt02 ul {list-style: none outside none;}
#main #jirei_entry .table-style02 th img {width: auto !important;}
#main #jirei_entry .table-style01 th img {width: auto !important;}
#hd_title {margin-top:0px; padding:6% 0 0 4%; width: 160px;}

.d-480 {display:none;}
.d1024-480 {display:none;}
.d640-480 {display:none;}
.d480-320 {display:block;}
}

/* Phone Portrait (360px) */
@media only screen and (max-width: 360px) {
#three_banner ul li {margin:1% 1% 0px; width:98%;}
#three_banner_970 ul li {margin:1% 1% 0px; width:98%;}
.works_block_top ul li {width: 98%; margin:0 1%;}
.works_block_top2 ul li {width: 98%; margin:0 1%;}
#main_cnt02 li {width: 98%; margin:0 1%;}
#main_cnt02 .works_block {width: 98%;}
.works_block ul .works_block2 li {float:right; padding:0 1%;}
.h2_works_box{margin:0 auto 0;}
#h2_works{background: url("../images/h2_works_pc.png") no-repeat scroll 0% 50% / 118% auto transparent;}

.d-360 {display:none;}
.d1024-360 {display:none;}
.d640-360 {display:none;}
.d360-320 {display:block;}
}


/* Phone Portrait (320px) */
@media only screen and (min-width: 0px) and (max-width: 320px) {
#footer_cnt01 li {float:left !important;}
#main_cnt02 .works_block .works_block2 li {width: 100%;}
#main_cnt02 .works_block ul .works_block2 {width: 100%; float:right; margin:0; text-align:center;}
.works_block ul .works_block2 {width: 50%;}
.ft_li_start {margin: 8px 0px 2px;}
#main_top_cnt02 img {width: 99.6%;}
#main_top_cnt03 img {width: 99.6%;}
}


#entry_textbox .table-style01 {margin: 0;}
#entry_textbox .table-style01 th,#entry_textbox .table-style01 td {padding:0px;}

div,ul,li,body {display: block; margin: 0; padding: 0;}

/* 事例リフォームデータ */
.table-style01 {margin:5px 0;}
.table-style01 th, .table-style01 td {padding:5px;}
#jirei_entry .table-style01 img{max-width:150px;}
#main #jirei_entry .table-style01 th { width: 150px;}
#jirei_entry .table-style02 img{max-width:140px;}
.table-style02 {margin:5px 0;}
.table-style02 th, .table-style02 td {padding:5px;}
.table-style02 th {width:20%;  max-width:220px;}
.table-style03 {margin:5px 0;}
.table-style03 th, .table-style03 td { padding:0.5%;}

@media screen and (max-width:640px) {
.table-style01 th, .table-style01 td {display:block;}
.table-style01 th {text-align:left;}
.table-style02 th, .table-style02 td {display:block;}
.table-style02 tr {float:left; width:49%;}
.table-style02 th {width:100%; text-align:left;}
.table-style02 th img, .table-style02 td img {width:100%;}
.table-style02 td {width:100%; max-width:310px; padding:0 10px;}
.table-style03 th, .table-style03 td {display:block; width:100%;}
.table-style03 th {text-align:left;}
}

#jirei_entry table{width:100%; height:auto;}
#jirei_entry table img{width:100%; height:auto;}
#jirei_entry .jirei-top img{border: 1px solid #cccccc; padding: 4px; width:98%; margin:0 auto; }
.uc td img{width:100% !important; height:auto !important;}
.after img{width:100% !important; height:auto !important;}
.after td{width:49%; margin:0 0.5%;} 
.jirei-top{width:100% }

.att { padding-left: 1em; text-indent: -1em;}