@charset "utf-8";




/*-------------------------------------------------------------------------
							解体工事
-------------------------------------------------------------------------*/

h2.h2_sec {
width:250px;
background:#fff;
border:1px solid #166098;
border-radius:30px; 
text-align:center;
font-size:0.9em; 
padding:10px 0; 
margin:0 auto 30px;
}
.kaitai_bg1 {
background:url(../img/page/kaitai/bg_1.png) ;
background-repeat:no-repeat;
padding:30px;
box-sizing:border-box; 
}
.kaitai_bg1 p {
text-align:center;
color:#fff;
margin-bottom:30px;
line-height:200%; 
}

table.price {
background:#fff;
width:100%;
border:1px solid #166098;
border-collapse: collapse;
}
table.price th {
background:#E6E6E6;
text-align:center;
padding:10px 0; 
border-right:1px dotted #333;
}
table.price th:last-child {
border-right:none;
}
table.price td {
text-align:center;
padding:10px; 
border-right:1px dotted #333;
border-bottom:1px dotted #333;
}
table.price td:last-child {
border-right:none;
}

.kaitai_bg2 {
background:url(../img/page/kaitai/bg_2.png) ;
background-repeat:no-repeat;
padding:30px;
box-sizing:border-box; 
}
.flow {
display:flex;
justify-content:space-between;
flex-wrap:wrap; 
}
.flow div {
width:48%;
background:#fff; 
padding:20px 20px 20px 180px;
box-sizing:border-box;
margin-bottom:60px; 
position:relative; 
}
.flow div figure {
position:absolute;
top:-20px;
left:10px; 
}
.flow div h3 {
color:#166098; 
}
.flow div p {
font-size:0.9em; 
}


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

.kaitai_bg1 {
padding:30px 10px;
}
.kaitai_bg2 {
padding:30px 10px;
background-size:cover; 
}
.flow div {
width:100%;
padding:150px 10px 10px 10px;
margin-bottom:60px;
}
.flow div figure {
top:-20px;
left:30%; 
}
.flow div h3 {
text-align:center;
margin:20px 0px; 
}

}

/*-------------------------------------------------------------------------
							リフォーム
-------------------------------------------------------------------------*/

.reform_bg1 {
background:url(../img/page/reform/bg_1.png) ;
background-repeat:no-repeat;
padding:30px;
box-sizing:border-box; 
}
.reform_bg1 p {
text-align:center;
color:#fff;
margin-bottom:30px;
line-height:200%; 
}

.reform_bg2 {
background:url(../img/page/reform/bg_2.png) ;
background-repeat:no-repeat;
padding:30px;
box-sizing:border-box; 
}


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

.reform_bg1 {
padding:30px 10px;
}
.reform_bg2 {
padding:30px 10px;
background-size:cover; 
}

}


/*-------------------------------------------------------------------------
							建材リサイクル
-------------------------------------------------------------------------*/

.recycling_bg1 {
background:url(../img/page/recycling/bg_1.png) ;
background-repeat:no-repeat;
padding:30px;
box-sizing:border-box; 
}
.recycling_bg1 p {
text-align:center;
color:#fff;
margin-bottom:30px;
line-height:200%; 
}


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

.recycling_bg1 {
padding:30px 10px;
background-size:cover;
}
.recycling_bg1 p {
margin-bottom:0px;
}

}


/*-------------------------------------------------------------------------
							会社案内
-------------------------------------------------------------------------*/

table.company {
background:#fff;
width:100%;
border:1px solid #166098;
border-collapse: collapse;
}
table.company th {
background:#E6E6E6;
text-align:center;
padding:10px 0; 
width:30%; 
border-bottom:1px solid #fff;
}
table.company tr:last-child th {
border-bottom:none;
}

table.company td {
text-align:center;
padding:10px; 
border-bottom:1px dotted #333;
}


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

table.company th {
width:100%; 
display:block; 
font-size:0.9em; 
padding:5px 0; 
}
table.company td {
width:100%; 
display:block; 
border-bottom:none;
padding:30px 0; 
}


}


/*-------------------------------------------------------------------------
							求人案内
-------------------------------------------------------------------------*/

table.recruit {
width:100%;
border-collapse: collapse;
margin-bottom:50px; 
border:1px solid #166098;
}
table.recruit th {
background:#166098;
text-align:center;
color:#fff; 
font-weight:normal;
padding:10px 20px; 
width:30%; 
border-bottom:1px solid #fff;
}
table.recruit tr:last-child th {
border-bottom:none;
}

table.recruit td {
text-align:left;
padding:20px 30px; 
border-bottom:1px dotted #333;
}


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

table.recruit th {
width:100%; 
display:block; 
font-size:0.9em; 
padding:5px 0; 
}
table.recruit td {
width:100%; 
display:block; 
border-bottom:none;
padding:30px 0; 
text-align:center; 
}


}


/*-------------------------------------------------------------------------
							お知らせ
-------------------------------------------------------------------------*/
	
.news {
width:100%; 
display:flex;
justify-content:space-around; 
flex-wrap:wrap; 
}
.news div {
width:300px; 
background:rgba(255,255,255,0.8);
padding:10px;
border-radius:10px;
box-shadow: 3px 3px 5px #555;
text-align:center; 
margin-bottom:50px; 
}
.news div figure {
}
.news a {
color:#333;
text-decoration:none; 
}
.news a:hover {
opacity:0.5; 
transition:0.5s; 
}
.bnr_1 {
width:250px;
background:#166098;
padding:10px 0;
text-align:center;
margin:50px auto 0;
position:relative; 
}
.bnr_1:hover {
opacity:0.5; 
transition:0.5s;
}
.bnr_1 a {        
color:#fff;
text-decoration:none;
display:block;
}
.bnr_1 a:after {        
	content: ">";
	position: absolute;
	right:22px;
}

.text-box{
margin:0 0 50px 0;
}
.text-box img{
margin:0 0 20px 0;
max-width:100%;
height:auto;
}

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

.news {
width:100%; 
display:inherit;
justify-content:center; 
}
.news div {
margin:0 auto 30px;
display:block; 
}

}

/*-------------------------------------------------------------------------
							施工事例
-------------------------------------------------------------------------*/

.bg_works {
background:linear-gradient(#84C1E3, #fff); 
padding:50px 0 0; 
}
.box_kaitai {
padding:50px 0 0 0; 
box-sizing:border-box; 
text-align:center; 
}
.box_kaitai h2 {
color:#fff;
background:#166098;
border-radius:30px; 
text-align:center;
font-size:0.9em; 
padding:10px 50px; 
margin:0 0 30px;
display:inline-block; 
}
.box_kaitai figure {
margin-bottom:30px; 
}
.box_kaitai figure img{
max-width:100%; 
}
.box_kaitai p {
line-height:200%;
}

.box_reform {
padding:50px 0 0 0; 
box-sizing:border-box; 
text-align:center; 
}
.box_reform h2 {
color:#fff;
background:#166098;
border-radius:30px; 
text-align:center;
font-size:0.9em; 
padding:10px 50px; 
margin:0 0 30px;
display:inline-block; 
}
.box_reform h3 {
color:#166098;
border-bottom:1px solid #166098;
text-align:center;
font-size:1.2em; 
margin:0 0 20px;
}
.box_reform .flex_works {
display:flex;
justify-content:space-between; 
}
.box_reform .flex_works div {
width:45%; 
}
.box_reform figure {
margin-bottom:30px; 
}
.box_reform figure img{
max-width:100%; 
}
.box_reform p {
line-height:200%;
}

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


}

/*-------------------------------------------------------------------------
							お問い合わせ
-------------------------------------------------------------------------*/

/*　ContactForm7のテーブル化レスポンシブ調整　*/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width:1000px;
				margin: 0 auto;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
    border-top: 1px #DDD solid;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none;
}
/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
    background: #eee;
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1.5em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
				margin-left:20px;
    background:#ff8000;
    border-radius:5px;
}

/*ここから768px以下の指定*/

@media only screen and (max-width: 768px) {
.table-res-form {
    width:100%;
				margin: 0;
}

    .table-res-form th, .table-res-form td {
        width: auto;
        display: block;
    }
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
    .table-res-form .empty {
        display: none;
    }
        .table-res-form tr:last-child {
            border-top: none;
}
        .table-res-form input[type="submit"]{
            margin-top:-1em;
}
}

/*ここまで768px以下の指定---終わり*/

/*ここから入力欄のスタイル指定*/

/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
    border: 1px #89BDDE solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
				box-sizing: border-box;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    border: 1px #89BDDE solid;
    padding: 0.5em 4em;
    border-radius: 5px;
    background: #4C9ED9;
				font-size:20px;
    color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
				box-sizing: border-box;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #006599;
    box-shadow: none;
				transition: 0.5s;
				box-sizing: border-box;
}