@media (max-width: 1470px) {
    .el_area_main_text {
        font-size: 15px;
    }
}

@media (max-width: 1370px) {
    .el_area_main_text {
        font-size: 14px;
    }
}

@media (max-width: 1300px) {
    .el_area_main_bloc {
        width: 80%;
        right: 10%;
    }
}

@media (max-width: 1199px) {
    .header_voice a, .header_estimate a, .header_contact a {
        font-size: 12px;  
    }
    .el_area_allpage_width, .all_page #sp-breadcrumb-area .row {
        width: 100%;
        padding: 0 15px;
        clear: both;
    }

    .customtoparea04, .customtoparea07, .customtoparea09, .customtoparea12, .customtoparea14 {
        width: 96%;
        margin: 0 auto;
    }

    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
        padding: 0 0.5vw;
    }

    .toparea02, .toparea03, .toparea06, .toparea08, .toparea10, .toparea11, #sp-footer-top .container, #sp-logo-area .container {
        margin: 0 auto;
        width: 970px;
    }

    .merit_img01, .merit_img02, .merit_img03, .merit_img04, .merit_img05, .merit_img06 {
        float: left;
        width: 33.333%;
        padding: 0 1%;
    }

    .customtoparea05 {
        width: 970px;
        margin: 0 auto;
    }

    #sp-header {
		/* background: linear-gradient(180deg, #fff 0%, #fff 64px, #f0f0f0 64px, #f0f0f0); */
    }

    #sp-header .container {
        /* width: 980px; */
    }

    #sp-logo {
        width: 17%;
    }

    #sp-topbar-text {
        width: 33%;
        margin-top: 15px;
        line-height: 1.5em;
    }

    #sp-header-right {
        width: 48%;
        margin-top: 10px;
    }

    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
        font-size: 12px;
    }
}

@media (max-width: 1110px) {
    .el_area_main_text {
        font-size: 15px;
    }
}

@media (max-width: 1040px) {
    .el_area_main_text {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .el_area_main_text {
        font-size: 15px;
        min-height: 72px;
    }

    #sp-topbar-text span {
        float: none;
    }

    .toparea02, .toparea03, .toparea06, .toparea08, .toparea10, .toparea11, #sp-footer-top .container, #sp-logo-area .container {
        margin: 0 auto;
        width: 750px;
    }

    .customtoparea04, .customtoparea07, .customtoparea09, .customtoparea12, .customtoparea14 {
        width: 750px;
        margin: 0 auto;
    }

    .customtoparea05 {
        width: 750px;
        margin: 0 auto;
    }

    #sp-header .container {
         /* width: 750px; */
    }

    #sp-topbar-text {
        width: 33%;
        margin-top: 10px;
        line-height: 1.5em;
        padding: 0 10px;
    }

    #sp-header-right {
        padding: 0;
        /*    margin-top: 0;*/
    }

    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
        padding: 0;
    }

    #sp-menu {
        margin: 5px 0 0;
        /* padding:0;*/
    }

    .sp-megamenu-parent > li {
        display: inline-block;
    }

    /* 
   #offcanvas-toggler {
       display: block;
   }
     */
    .sp-megamenu-parent {
        width: 100% !important;
    }

    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
        font-size: 12px;
        padding: 0 0.5vw;
    }

    /*
      #sp-menu {
        height: 40px;
    }
    */
    .header_contact {
        float: left;
        width: 20%;
    }

    .header_estimate {
        float: left;
        width: 20%;

    }

    .header_tel {
        float: left;
        width: 37%;
        margin-left: 1%;
    }

    .contents_bldg_area_bloc {
        width: 29.333%;
        float: left;
        margin: 2%;
    }

    .contents_bldg_area_bloc img {
        display: initial;
    }
  
  /* お客様の声 */
  .blogvoice .entry-body {
    float: none;
    width: 100%;
  }

  .blogvoice .entry-image {
    float: none;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    padding: 12px;
  }

}
