@charset "utf-8";
/* CSS Document */



/*スマホcss*/
@media screen and (max-width: 896px){

#top-head{
    padding: 10px 0 10px;
}
.drawer-hamburger{
    top: 15px;
}
header{
    background: none;
}
.header_in{
    width: 100%;
}
.menu-item{
    text-align:left;
    }

.child{
    margin-left: 20px;
}



footer{
}
.copy{
	font-size:70%;
	text-align:center;
}

footer h3 img{
    width: 50%;
}

.breadcrumbs{
	margin-top:0;
    display: none;
}

section{
	margin-bottom:70px;
}
.table01 th, .table02 th{
	width:30%;
}


#slide_menu{
    width: 100%;
    background: #009d00;
    border-top: solid 1px #FFF;
}
    
#slide_menu a:first-child {
    width: 75%;
}
#slide_menu a:last-child {
    width: 25%;
}
#slide_menu img{
    width: 100%;
    height: 100%;
}
#page_top {
	z-index:9999;
}
#page_top a img{
	height: auto;
	width: 60px;
}


iframe{
	height: 350px;
}
    
.slide_box{
    margin-bottom: 50px;
}
.slide_on img{
    width: 80%;
}
.slide_text{
    top: 20px;
    right: 5%;
    margin-right: 0;
}
.pagetitle {
    height: 200px;
    margin-bottom: 60px;
}
.pagetitle h1, .pagetitle h2{
	font-size:150%;
    padding-top: 70px;
}

.pagetitle span{
    font-size: 90%;
    display: block;
}
.title_home-building{  background-image: url("../images/title_build_sp.jpg")}
.title_contact{  background-image: url("../images/title_contact_sp.jpg")}
.title_news{  background-image: url("../images/title_news_sp.jpg")}
.title_reform{  background-image: url("../images/title_reform_sp.jpg")}
.title_products{  background-image: url("../images/title_products_sp.jpg")}
.title_flow{  background-image: url("../images/title_flow_sp.jpg"); color: #332300;}
.title_event{  background-image: url("../images/title_event_sp.jpg")}
.title_faq{  background-image: url("../images/title_faq_sp.jpg")}
.title_company{  background-image: url("../images/title_company_sp.jpg")}
.title_blog{  background-image: url("../images/title_blog_sp.jpg")}
.title_faq{  background-image: url("../images/title_faq_sp.jpg")}
section h1, section h2{
	font-size:160%;
    margin-bottom: 20px;
}
section h3{
	font-size:120%;
}
.title03{
    background-size: 100% 100%;
	font-size:140%;
    min-height: 80px;
}
table {
    border-collapse: collapse!important;
    border-spacing: 0!important;
}

.sp_center{
    text-align: center;
}
.logo{
    margin: 2px 0 0 20px;
    font-size: 17pt;
}
.logo img{
    max-height: 50px;
    width: auto;
}

.tel_no a{
    font-size: 130%;
}   

.main_img{
    height: 450px;
    background-image: url("../images/main_sp.jpg");
}
.main_img h1{
    text-align: left;
    padding: 30px 5% 0;
    margin-left: -50px;
}
.h_bg{
    top: -100px;
    width: 30%;
}    
.s_btn{
    display: none;
}

.page{
    padding: 0 5%;
}
.box02_top, .box02_bottom{
    height: 25px;
}
.table_charge{
    table-layout: auto;
}

.table_charge02 th{
    width: 50%;
}
.support_point li{
    text-align: center;
}
.support_point li img{
    text-align: center;
    display: block;
    margin: 0 auto 10px;
}
.lead{
    font-size: 120%;
}
.lead02{
    font-size: 120%;
}

.slideright {
  transform: translateX(0px);
  transform: translateY(200px);
}

.tate{
    text-align: left;
    line-height: 2.5;
}
.bg01 img{
    width: 80%;
}
.bg03{
    background: linear-gradient(180deg,#FFF 0%,#FFF 20px,#e0e0d6 20px,#e0e0d6 100%);
    padding: 0 0 20px;
}
.bg04{
    background: #e0e0d6;
    padding: 0 0 20px;
}
.bg04 .m_top100{
    margin-top: 0;
}

dl.flow dd{
    padding: 40px 8%;
}
dl.flow dd img{
    float: none;
    margin: 0 auto 40px;
    display: block;
}

.text_box{
    max-width:100%; 
    padding: 0 5%;
}
.bread_box{
    display: none;
}
ul.flexbox5{
    flex-wrap: wrap;
}
ul.flexbox5 li{
    width: 45%;
    margin-bottom: 10px;
}    
.post_list .thum{
	width: 40%;
	padding: 0 10px 0 0;
}
.works_list .thum{
    height: auto;
    overflow: hidden;
}
.works_list li{
    margin-bottom: 40px!important;
}
}/* sp end */