/* ////////////////////////////////////////////////////////////////////////会社概要 ////////*/
/* 会社概要のテーブルデザイン */

.kaisya {
	margin-left: auto; 
	margin-right: auto; 
	line-height: 250%;
	padding: 30px;
}

.kaisya th{
	padding: 0 25px;
	min-width : 60px ;
 
}
.kaisya td {
	padding: 0 30px;
	text-align: left; 

}
.kaisya td ,.kaisya th {
	border-bottom: 1px solid #ddd; 
}


@media only screen and (max-width:600px){
.kaisya {
	margin: auto; 
	padding: 0;}
	
.kaisya th,
.kaisya td {
        width: 100%;
        display: inline-block;
        border-top: none;
	text-align: center; 
	padding: 0;
	border: none;}
.kaisya tr th {
	border-bottom: none;
	background:  #fff; }
}


/* 地図 */
.map1 {
	display:inline-block;
	margin: 30px;
	text-align: left; 
	font-weight: bold;
}
@media only screen and (max-width:600px){
.map1 {	
	display: block;
	margin: 30px 0px;
	position: relative;
	padding-bottom: 100%; /* これが縦横比 */
	height: 0;
	overflow: hidden; }
.map1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important; }
}

/* ////////////////////////////////////////////////////////////////////////リフォームの流れ ////////*/
/* 流れのdiv */
.workflow {
	clear: both;
	margin: 50px auto; 
	text-align: left; 
	width: 70%;
	border-bottom: 1px dashed #ddd; 
}
.workflow:before,
.workflow:after {
content: "";
display: table;
}

.workflow:after {
clear: both;
}


/* タイトル用 */
.workflow2 {
	margin: 30px auto 100px ; 
	text-align: left; 
	width: 70%;
}


/* ステップの見出し用 */
.step1 {
	font-size: 28px;
	margin: 0 0 20px;
	}
.step {
	font-size: 23px;
	margin: 2px 0;
	}
.stepimg {
	vertical-align: middle; 
	}
.stepimg2 {
	float: right;
	margin: 0 0 10px 10px;
	vertical-align: top; 
	width: 180px;
	}

/* スマホ用 */
@media only screen and (max-width:600px){
.workflow,.workflow2 {
width: 100%;
padding-bottom: 10px;
}
.stepimg2 {
	width: 100%;
	}

}

/* ////////////////////////////////////////////////////////////////////////施行事例////////*/
/* 事例のdiv */
.jirei {
	margin: 0 auto;
	text-align: left; 
}

.jirei-box {
	display:inline-block;
	width: 300px;
	margin: 10px;
}


/* 事例のロールオーバー */
figure.jirei-box a img:hover {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: “alpha( opacity=60 )”;
}

/* 項目の文字 */
.jirei-title {
	font-size: 15px;
	font-weight: bold;
}

/* 項目の文字の飾り */
.jirei-title:before {
	content: url( ../img/icon-sankaku.png );
}


/* スマホ用 */
@media only screen and (max-width:600px){
.jirei {
	width: 100%;
	padding-bottom: 10px;}
}




/* ////////////////////////////////////////////////////////////////////////施行例の詳細ページ////////*/
/* 詳細 */
.syousai {
	margin: 0 auto;
	width: 75%;
	text-align: left; 
}

hr {
	border: 1px dashed #ddd;
}


div.ba {	
border-bottom: 1px dashed #ddd;

}
.ba figure {
	position: relative;
	display:inline-block;
	margin: 30px　0;
}
.ba figure img{
height: 250px;
border: 5px solid #fff;
}
.ba figcaption {
 position: absolute;
  left: 10px;
    top: 10px;
    font-size: 23px;
    color:#FFF;
    display:inline-block;
}


/* スマホ用 */
@media only screen and (max-width:600px){
.syousai {	
width: 100%;}
.ba figure img{
width: 100%;
border: 5px solid #fff;}
.ba2 {	
display: none;}
.ba figure ,.ba figcaption {
display: block;}

}



/* ////////////////////////////////////////////////////////////////////////問い合わせバナー////////*/
/* 問い合わせバナー */
.toiawase-img ,
.toiawase-‎banner2 {
	display:inline-block;
	}

.toiawase-img {
	margin: 0 ;
	vertical-align: bottom; 
	width: 180px;
	}
.toiawase-img2 {
	width: 350px;
	}
.toiawase-img2:hover {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: “alpha( opacity=60 )”;
}


.toiawase-‎banner {
	margin-left: auto; 
	margin-right: auto; 
	padding: 50px 10px;
	overflow : hidden;
}
.toiawase-‎banner2{
	text-align: left; 
	}

.toiawase-‎banner2 td {
	padding: 10px 30px;
	border-bottom: 1px solid #ddd; 
}

.toi1 {	
font-size: 23px;
font-weight: lighter; 
}

.toi2 {	
font-size: 40px;
}

/* 問い合わせバナースマホ用 */
@media only screen and (max-width:600px){
.toiawase-‎banner {
	margin: auto; 
	padding: 0;}
	
.toiawase-img {
	width: 50%;}
.toiawase-img2 {
	width: 100％;}
.toiawase-‎banner2 td {
        width: 100%;
        display: inline-block;
        border-top: none;
	text-align: center; 
	padding: 10px 0;
	line-height: 100%;}

.toiawase-‎banner2 th br,
.toiawase-‎banner2 td br{
	display: none;}
.toi3 {	
        border: none;}
.toi2 {	
font-size: 30px;
font-weight: bold;}

}


/* ////////////////////////////////////////////////////////////////////////お問い合わせ////////*/
/* メールフォーム */
div#formWrap{
	width: 700px;
	margin: 0 auto;
	font-size: 100%;
	text-align: left; 
}

table.formTable {
	margin: 0 auto;
	border-collapse: collapse;
}

table.formTable td,
table.formTable th {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0 15px 30px;
}

table.formTable th {
    width: 25%;
    font-weight: normal;
    background: #fff;
    text-align: left;
}

span.accent {
    color: #C94C00;
    font-size: 80%;
    margin: 5px auto;
}

span.accent2 {
    font-size: 80%;
}
input.button {
	width: 25%;
	padding: 0 10px;
}

/* 電話でのお問い合わせ */
span.sab {
font-size: 15px;
}

.toi-img{
	float:right;
	width: 100px;
}

@media only screen and (max-width:600px){


/* ////////////////////////////////メールフォーム */
div#formWrap,table.formTable {
	width: 100%;
	margin: 0 auto; 
	padding: 10px 0;}
table.formTable th,
table.formTable td {
        width: 100%;
        display: inline-block;
        border-top: none;
	text-align: left; 
	padding: 6px 0;
	border-bottom: 3px solid #e5e5e5;}
input.re-width,
textarea{
        width: 80%;}
.re-br	{
	display: inline;}
label{
	display: block;}
table.formTable tr th {
	border-bottom: none;
	background:  #f7f7f1;}



/* /////////////////////////////電話でのお問い合わせ */
span.sab {
	font-size:100％;
	display:block;}
img.toi-img{
	display:none;}
div.workflow2 {
	width: 100％;
	margin: 10px auto;}
.step1 {
	font-size:18px;
	line-height: 100％;
	margin:0;
	padding:0;}

}




/* ////////////////////////////////////////////////////////////////////////スタッフ紹介////////*/
.staff {
	background: #fff;
	display: inline-block;
	padding:15px;
	text-align: left;
	}
.staffimg {
	float: left;
	margin-right: 15px;
	}
.staff dt {
border-bottom: 1px dashed #ddd;
}