@charset "utf-8";


.headingBlock01{
background: #EF7902;
color: #fff;
width: 100%;
text-align: center;
font-size: 30px !important;
padding: 0.25em 0;
}


/* countdown
-------------------------------------*/
.countdown form span{
font-weight: bold;
}
.countdown form:first-of-type{
float: left;
width: 50%;
}
.countdown form:last-of-type{
float: right;
width: 50%;
}
.countdown form:last-of-type input,
.countdown form:first-of-type input{
border:none;
font-size:50px;
font-weight: bold;
color:#FEE101;
background:transparent;
background: #014FA2;
text-align: center;
width: 100%;
padding-bottom: 0.25em;
}
.countdown p.em{
font-size: 150%;
font-weight: bold;
background: #014FA2;
color: #fff;
width: 100%;
margin: 0 auto;
padding: 10px 0;
text-align: center;
}

/* 軽トラック
-------------------------------------*/
#content {
position: relative;;
width:100%;
height:120px;
overflow:hidden;
background: #EFEFEF;
}
#rect {
position: absolute;
right:-100px;
top:20px;
width:100px;
padding:10px 0px;
text-align:center;
color:#fff;
}

/* area map
-------------------------------------*/
section.area .area_map_section .area_map{
    margin:0 20px;
}
section.area .float-left p{
	color: #fff;
}
section.area .area_map_section .bg-blue{
    background-color:#285ca8!important;
}
section.area .area_map_section .bg-red{
    background-color:#fe3429!important;
}
section.area .area_map_section .bg-orange{
    background-color:#feaf29!important;
}
section.area .area_map_section .bg-green{
    background-color:#20c534!important;
}
/*--- 対象サービスによって色切り替え ---*/
/* 基本がリフォームのみ */
section.area .area_map_section .bg-one{
    background-color:#285ca8!important;
}
section.area .area_map_section .bg-two{
    background-color:#fe3429!important;
}
section.area .area_map_section .bg-three{
    background-color:#285ca8!important;
}
/* 不用品のみ */
section.area .area_map_section .service_dis .bg-one{
    background-color:#285ca8!important;
}
section.area .area_map_section .service_dis .bg-two{
    background-color:#feaf29!important;
}
section.area .area_map_section .service_dis .bg-three{
    background-color:#285ca8!important;
}
/* 全対象 */
section.area .area_map_section .service_all .bg-one{
    background-color:#feaf29!important;
}
section.area .area_map_section .service_all .bg-three{
    background-color:#20c534!important;
}

section.area div.float-left{
width: 10.64%;
text-align: center;
}
section.area div.float-left div:nth-of-type(even){
margin: 5px 0;
}
section.area div.float-left:nth-of-type(even){
margin: 0 5px;
}

section.area .area_map_section div.excluded{
color: #fff;
padding: 2em 0 0.6em 0;
width: 100%;
border-radius: 5px;
background: #aaa;
}
section.area .area_map_section div.float-left a{
display:inline-block;
color: #fff;
width: 100%;
padding: 1.2em 0 1.4em 0;
border-radius: 5px;
text-decoration: none;
}
section.area div.float-left a:hover{
opacity: 0.7;
}

/* 不用品買取回収
-------------------------------------*/
ul.disused{
width: 93%;
margin: 0 auto 10px;
}
ul.disused li{
float: left;
width: 25%;
font-size: 88%;
    margin-bottom:7px;
/*text-align: center;*/
}
.dis-text{
    font-size: 22px !important;
    font-weight: bold !important;
}
.dis-section{
    margin:0 10px;
}
.dis-section h3{
    padding:8px 0 3px 20px;
}
.dis-section h4{
    margin:0 10px 20px;
    padding:0 10px;
}
.blu{
    color: #fff !important;
    background-color: #0650A1;
    padding-left:10px;
}

.b1{
	border-bottom:1px solid #0650A1;
	font-weight: bold !important;
}

/* リフォーム・イノベーション
-------------------------------------*/
div.reform_step{
    margin: 0 auto 0;
    border: 4px solid #0650A1;
}
div.reform_step h3{
    background: #0650A1;
    color: #fff;
    font-size: 30px!important;
    padding: 8px 0 6px 15px;
}
div.reform_step_list h4{
    border-bottom: 1px dotted #0650A1;
}
div.reform_qa{
    background-color:#ef7902;
}
div.reform_qa h3{
    margin:0 auto 50px;
/*    border-bottom: 1px solid #0650A1;*/
}
dl.reform_dl dt{
    border-bottom: 2px dotted #fff;
    margin:0 60px -17px;
    color:#e20b00;
}
dl.reform_dl dt::before{
    content: url(../../images/reform/reform_q_tt.png);
    display: inline-block;
    margin: 0 14px 0 32px;
    position: relative;
    top: 12px;
}
dl.reform_dl dd{
    position: relative;
    left: 101px;
    margin:0 60px 26px;
    line-height: 200%;
    color:#000;
}
dl.reform_dl dd::before{
    content: url(../../images/reform/reform_a_tt.png);
    display: inline-block;
    margin: 0 -63px 0px 0;
    position: relative;
    top: 32px;
    padding: 0 0 0 0;
    left: -70px;
}

/* ハウスクリーニング
-------------------------------------*/
div.house_step{
    margin: 0 auto 0;
    border: 4px solid #0650A1;
}
div.house_step h3{
    background: #0650A1;
    color: #fff;
    font-size: 30px!important;
    padding: 8px 0 6px 15px;
}
div.house_step_list h4{
    border-bottom: 1px dotted #0650A1;
}
div.house_step_list .midashi_red{
    background-color:#e20b00;
    color:#fff;
}
div.house_park{
}
div.house_park h4{
    color:#0650A1;
}
dl.house_dl dt{
    border-bottom: 2px dotted #fff;
    margin:0 60px -17px;
    color:#e20b00;
}
dl.house_dl dt::before{
    content: url(../../images/house/house_q_tt.png);
    display: inline-block;
    margin: 0 14px 0 32px;
    position: relative;
    top: 12px;
}
dl.house_dl dd{
    position: relative;
    left: 101px;
    margin:0 60px 26px;
    line-height: 200%;
}
dl.house_dl dd::before{
    content: url(../../images/house/house_a_tt.png);
    display: inline-block;
    margin: 0 -63px 0px 0;
    position: relative;
    top: 32px;
    padding: 0 0 0 0;
    left: -70px;
}


/* 作業の流れ
-------------------------------------*/
div.flow_step{
    margin:0 auto 50px;
}
div.flow_step>section{
    padding:50px 5% 0;
    border-bottom:1px solid #ccc;
}
div.flow_step>section:last-child{
    padding:50px 5% 0;
    border:none;
}
div.flow_step .iconflow{
    margin-top:160px;
}
div.flow_step h2{
    background: #0650A1;
    color: #fff;
    font-size: 30px!important;
    padding: 8px 0 6px 15px;
}

/* 選ばれる理由
-------------------------------------*/
div.elected_reason{
    margin: 0 auto 0;
}
div.elected_reason h3{
    background: #0650A1;
    color: #fff;
    font-size: 30px!important;
    padding: 8px 0 6px 30px;
}
div.elected_reason .elected_reason_list h4{
    font-size:26px!important;
}
div.elected_reason .elected_reason_list p{
    text-align:justify;
}
div.elected_reason .elected-box{
    background: #0650A1;
    color: #fff;
}
div.elected_reason .elected-box h4{
    font-size:26px!important;
    border-bottom: 1px solid #fff;
}
div.elected_promise h3{
    color:#ef7902;
    font-size:32px!important;
}
div.elected_promise ul li{
    border:1px solid #ef7902;
    height:300px;
}
div.elected_promise ul h4{
    padding:10px 0;
    background-color:#ef7902;
    color:#fff;
}
div.elected_promise ul p{
    text-align:justify;
}
div.elected_promise .elected-box-promise{
    border:10px solid #e20b00;
}
div.elected_promise .elected-box-promise h4{
    font-size:26px!important;
    background-color:#e20b00;
    color: #fff;
}

/* よくある質問
-------------------------------------*/
article.qa dl dt.q:before{
content: "Ｑ";
color:#0650A1;
font-size: 24px;
font-weight: bold;
margin-right: 5px;
vertical-align: middle;
}
article.qa dl{
margin-bottom: 40px;
border: 2px solid #5185BD;
}
article.qa dl dd p.a:before{
content: "Ａ";
color:#e20b00;
font-size: 24px;
font-weight: bold;
margin-right: 5px;
vertical-align: middle;
}
article.qa dl dt{
background: #5185BD;
padding: 0.5em 1em;
color: #fff;
}
article.qa dl dd{
padding: 0.5em 1em;
}
article.qa dl dt p,
article.qa dl dd p{
padding-left: 2em;
text-indent: -1.95em;
}

/* area
-------------------------------------*/
section.area-list h2{
padding-left:10px;
}
ul.area{
width: 80%;
margin: 0 auto;
}
ul.area li{
float: left;
width: 20%;
margin-bottom:7px;
/*text-align: center;*/
}
ul.area li:before,
ul.disused li:before{
content: "\f0da";
font-family: fontAwesome;
color: #0650A1;
margin-right: 5px;
}

/* company
-------------------------------------*/
table.tableA1 th{
background: #D4E9FF;
padding: 1em 2em;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
table.tableA1 td{
background: #E9F4FF;
padding: 1em 2em;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

/* contact
-------------------------------------*/
section#equipment dl,
dl.form{
margin-bottom: 10px;
}
dl.form dt{
width: 300px;
margin-right: 24px;
padding: 6.5px 10px;
border: 2px solid #479db1;
float: left;
}
.form dl dd{
width: 872px;
float: left;
}
dl.form dt span.english,
dl.form dd.radio span.english{
font-size: 75%;
color: #479db1;
vertical-align: middle;
margin-left: 1em;
}
dl.form dd input,
dl.form dd textarea{
width: 872px;
padding: 6.5px;
border: 2px solid #444;
outline: none;
}
dl.form dd textarea{
height: 200px;
min-height: 200px;
max-height: 350px;
}
dl.form dd.radio{
padding-top: 8px;
}
dl.form dd.radio input{
width: 25px;
margin-right: 0.5em;
vertical-align: middle;
transform: scale(1.8);
-webkit-transform: scale(1.8);
}
dl.form dd.radio label{
width: 150px;
vertical-align: middle;
}
dl.form dd select{
padding: 5.5px 5px;
border: 2px solid #444;
}
dl.form dd textarea{
resize: vertical;
}
p#submit,
p#submit2{
text-align: center;
}
p#submit3{
margin-top: 40px;
text-align: center;
}
p#submit input,
p#submit2 input,
p#submit3 a{
padding: 0.5em 2.5em;
background: #fff;
color: #222;
text-decoration: none;
border: 2px solid #444;
border-radius: 5px;
}
p#submit input:hover,
p#submit2 input:hover,
p#submit3 a:hover{
background: #87ABD2;
color: #fff;
cursor: pointer;
}

/* contact / mail.php
-------------------------------------*/
dl.form2 dt{
width: 200px;
margin: 0 24px 10px 0;
padding: 6.5px 10px;
border: 2px solid #479db1;
display: inline-block;
    margin-left: 400px;
}
dl.form2 dd{
width: 356px;
padding: 7.5px;
margin-bottom: 10px;
display: inline-block;
}
dl.form2 dt:before{
content: "\A";
}
form p#submit2{
margin-top: 20px;
}




/* blog / blog-single.php
-------------------------------------*/
.single-img{
    padding-top:80px;
    width: 600px;
    margin: auto;
}
.single-day{
    padding-left:10px;
}
.single-title{
    display: inline-block;
    padding-left: 10px;
    font-weight:bold!important;
    color:#014fa2;
}
.single-text{
    padding:10px 20px;
}


.single-img img{
    width:100%;
    height:auto;
}

.eere{
    width:600px;
    margin:auto;
}

    /* blog / blog.php
-------------------------------------*/


.blog-section{
	width: 400px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom:20px;
}
.blog-section .section-news-img img{
    display:block;
    margin:0 auto 20px;
}
.blog-section .blog-day{
    font-size:14px;
    margin:0 5px;
}
.blog-section .blog-tilte{
    font-size:17px!important;
    font-weight:600!important;
    margin:0 5px 10px 5px;
    color:#014fa2;
}
.blog-section .blog-text{
    margin:0 10px;
    font-size: 15px;
}
.clea{
	
	clear: both;
}




    /* index
-------------------------------------*/

.index-single{
	width: 290px !important;
    padding: 0 5px !important;
    margin:0 5px !important;
    border: solid 5px #fff80d !important;
    float:left !important;
    background-color: #fff !important;
}

.index-1{
background-color: #21afc5;	
padding-bottom: 10px;
}

.index-1-text{
    font-size: 13px;
   }

.index-single h2{
	text-align:center;
}

.index-1-fee{
	text-align:center;
	margin-top:10px;
}

.index-1-big{
	font-size: 30px;
}

.fix{
	clear: both;
}

.index-2 .index-2-truck{
    width:780px;
    margin:0 auto;
}
.index-2-single{
	width: 580px;
    padding: 0 10px;
    margin: 10px 10px;
    float: left;
    background-color: #fff;
}

.index-2-single-img{
    float: right;
    width: 240px;
}

.index-3-2{
    width: 49%;
    float: left;
    margin-right: 2%;
}

.index-3-3{
    width: 49%;
    float: left;
}


.w1200{
	width:1200px;
	margin:auto;
}

.bg-gr{
		     background: #ececec;	
}

.bg-blue{
	    background-color: #59aff9;
}
.top-contact-btn-img{
    text-align: center;
   }
   
   
   .sp-image-container img{
   	
   	    width: 100% !important;
    height: auto !important;
    margin-top: 0px !important;
   }
   
   .index-2 a{
   	    float: left;
   	
   }

.slider img{
	width:100%;
}

.index-3{
	    color: #fff;
}