@charset "UTF-8";

/* 印刷用 */
@media only print{
  /*
    A4 847 * 595 px
    A3 1191 * 842 px
    B5 729 * 516 px
  */
  body{
    width: 1140px;
    overflow: hidden;
    /*zoom: 0.9;*/
  }
  .container{
    width: 100%;
  }
  .tb{
    display: none;
  }
  .sp{
    display: none;
  }

  /* 固定ヘッダーを使用している場合など */
  header .hdr1{
    position: static !important;
  }
  /* animate のフェードインを可視化 */
  [data-animate]{
    opacity:1 !important;
  }
}
@media only screen and (max-width:1600px){
  /* **********************************
    *  崎田工務店の特徴
    * ********************************* */
  .about_features_items .item:nth-child(odd) .bg:after{
    border-left: 40vw solid rgba(0,0,0,0.5);
  }
  .about_features_items .item:nth-child(even) .bg:after{
    border-right: 40vw solid rgba(0,0,0,0.5);
  }
  @media only screen and (max-width:1350px){
    .gnav li a{
      font-size: 16px;
    }
    .gnav li.tel a{
      font-size: 16px;
    }
  }
}
@media only screen and (max-width:1220px){
  .container{
    width: 100%;
  }
  .wcontainer{
    width: 100%;
    padding: 0 10px 0 10px; 
  }
  header .hdr1{
    padding-right: 120px;
  }
  header .hdr1 .hdr_contact{
    width:120px;

  }
  .gnav > ul > li{
    padding: 0 10px;
  }

  .home_mv_wrap .box1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding-top: 0;
  }
  .home_mv_wrap .box1>*{
    width: 100%;
  }
  .pg_header .head_img{
    background-size: cover;
  }
  header .hdr1 .hdr_logo{
    margin-right: 20px;
  }




  /* **********************************
    *  崎田工務店の特徴
    * ********************************* */ 
  .about_features_items .item:nth-child(odd) .bg:after{
    border-left: 15vw solid rgba(0,0,0,0.5);
  }
  .about_features_items .item:nth-child(even) .bg:after{
    border-right:15vw solid rgba(0,0,0,0.5)
  }

  /* **********************************
    *  エコ・商品
    * ********************************* */ 
  .eco_power_items .item .img img{
    width: 100%;
  }




  /* **********************************
    *  安心へのこだわり
    * ********************************* */ 
  .bl_box .bl_text.second{
    letter-spacing: 0;
    margin-right: 0;
  }
}

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


  /*共通*/
  .tt1{
   font-size: 28px;
  }
  .tt1 .ttl{
    font-size: 16px;
  }
  .tt2{
    font-size: 32px;
  }




  header .hdr1 .hdr_logo{
    width: 200px;
  }
  header .hdr1 .hdr_logo{
    margin-right: 20px;
  }

  .gnav > ul{
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .gnav > ul > li{
    width: auto;
    padding: 5px 15px;
  }
  .gnav > ul > li+li{
    border: 0;
  }
  
  footer .ftr_addr .txt1,
  footer .ftr_addr .txt2{
    font-size: 16px;
  }
  footer .ftr_links li a {
    font-size: 14px;
  }

  .home_features_items .item .bg{
    position: static;
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center center !important;
  }
  .home_features_items .item .box{
    width: 100%;
    /*margin-top: 10px;*/
  }
  .home_features_items .item .box .inner{
    margin: 0;
    padding: 30px 0;
    min-height: 0;
  }
  .home_features_items .item:nth-child(even) .box .inner{
    padding: 30px 0px 120px 0;
    margin: 0;
  }
  .home_features_items .item .read_more{
    position: static;
    margin-top: 30px;
  }

  .home_works_items .item .title{
    font-size: 16px;
  }

  .home_link_bn{
    margin: 0 -10px;
  }
  .home_link_bn li{
    padding: 0 10px;
  }

  .home_news_items .item .date {
    width: 130px;
  }
  .home_news_items .item .category{
    width: 100px;
  }
  .home_news_items .item .title {
    width: calc(100% - 130px - 100px);
    background-size: 30px auto;
    padding-right: 40px;
  }
  .pg_header .head_img{
    background-size: cover;
    left: 300px;
  }
　　.home_news_wrap{
    width: calc(100%-40%-20px);
  }
  .home_flex .img{
    width: 40%;
  }
  .in_container {
    max-width: 300px;
  }
  
  .home_news_items .item {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .home_news_items .item .ar {
    width: 40px;
    background-size: contain;
  }
  .home_news_wrap {
    width: calc(100% - 220px);
  }
  .pg_home .section#sec2 .home_flex .img {
    width: 220px;
  }
  .pg_home .section#sec2 .home_flex .img img {
    width: 100%;
  }
  .home_news_items .item .date{
    width: 100px;
  }
  .home_news_items .item .title {
    width: calc(100% - 100px - 40px);
  }

  /* **********************************
  *  崎田工務店の特徴
  * ********************************* */
  /* .about_features_items .item:nth-child(odd) .bg:after{
     border-left: 5vw solid rgba(0,0,0,0.7);
   }
   .about_features_items .item:nth-child(even) .bg:after{
     border-right: 5vw solid rgba(0,0,0,0.7);
   }*/
  .about_desc{
    font-size: 16px;
    text-align: left;
  }
  .about_features_items .item{
    overflow: hidden;
    margin-top: 0;
  }
  .about_features_items .item:nth-child(n+2){
    margin-top: 30px;
  }
  .about_features_items .item .box .inner{
    padding: 10px;
  }
  .about_features_items .item .title{

  }
  .about_features_items .item .txt{
    font-size: 16px;
  }
  .about_features_items .item .read_more{
    position: static;
    margin-top: 30px;
  }
  .about_features_items .item .bg{
    position: static;
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat;
  }
  .about_features_items .item:nth-child(even) .bg,
  .about_features_items .item:nth-child(odd) .bg{
    background-size:cover;
    background-position: unset;
    min-height: 300px;
    width: 100%;
  }
  .about_features_items .item .box{
    width: 100%;
  }
  .about_features_items .item .box .inner{
    width: 100%;
    min-height: inherit;
  }
  .about_features_items .item.third .box .inner{
    min-height: inherit;
    padding-bottom: 10px;
  }

  /* **********************************
   *  お客様の声
   * ********************************* */
  .voice_items .item .read_more a{
    width: 200px;
    padding: 5px;
  }
  .voice_items .item .read_more a:after{
    width: 27px;
    height: 3px;
    bottom: 42%;
  }
  .voice_items .item .txt{
    font-size: 16px;
  }
  /* **********************************
    *  こだわりの天然素材
    * ********************************* */ 
  .material_point_items .item.triple .boxs .title{
    font-size: 18px;
  }
  .material_merit_items .item .boxs .box3 table th{
    width: 100px;
  }
  /*縦並び
  .material_point_items .item.triple .boxs{
    display: block;
  }
  .material_point_items .item.triple .boxs .box1,
  .material_point_items .item.triple .boxs .box2,
  .material_point_items .item.triple .boxs .box3{
    width: 100%;
  }
  .material_point_items .item.triple .boxs .box1 .img,
  .material_point_items .item.triple .boxs .box2 .img,
  .material_point_items .item.triple .boxs .box3 .img{
    width: 50%;
    margin: 0 auto;
  }
  */
  /* **********************************
   *  会社概要
   * ********************************* */ 
  .pg_company{
    margin-top: 80px;
  }
  .company_greeting_wrap .box1 .summary{
    font-size: 16px;
    padding-right: 10px;
  }
  .company_table_wrap table th,
  .company_table_wrap table td{
    padding-left: 16px;
  }
  /* **********************************
   *  施工事例
   * ********************************* */ 
  .all_case_items .item:nth-child(n+3){
    margin-top: 30px;
  }
  .all_case_items .item .box{
    width: 100%;
  }
  .all_case_items .read_more{
    margin-top: 80px;
  }
  /* **********************************
   *  工事の流れ
   * ********************************* */
  .pg_flow{
    padding-bottom: 100px;
  }
  .flow_item{
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .flow_item:nth-child(odd) .flow_text{
    order: 2;
  }
  .flow_item:nth-child(odd) .flow_img,
  .flow_item:nth-child(even) .flow_img{
    order: 1;
    width: 85%;
    max-width:100%;
    margin: 0 auto;
  }
  .flow_item:nth-child(odd) .flow_img img,
  .flow_item:nth-child(even) .flow_img img{
    width: 100%;
  }
  .flow_item:nth-child(odd) .flow_text,
  .flow_item:nth-child(even) .flow_text{
    width: 85%;
    height: inherit;
    margin: 20px auto 0;
  }
  .flow_text .list{
    margin-top: 0;
  }
  .flow_text .list li{
    font-size: 14px;
  }
  /* **********************************
   *  施工事例(外観)
   * ********************************* */
  .all_case_items.outer{

  }
  .all_case_items.outer .item{
    width: 50%;
  }
  .all_case_items.outer .item:nth-child(n+3){
    margin-top: 20px;
  }
  .all_case_items.outer{

  }
  .all_case_items.outer{

  }



}

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

  body{
    font-size: 14px;
    padding-bottom: 50px;
  }
  .in_container{
    max-width: inherit;
    margin-top: 36px;    
    height: auto;
    display: block;
  }
  .home_mv_wrap .logo{
    display: none;
  }
  .pg_header .container{
    height: 200px;
    display: block;
  }
  .pg_header .head_img{
    height: 120px;
    background-size: cover;
    background-position: right;
    left: 17%;
    top: -33%;
  }
  .pg_header .box4{
    width: 100%;
    margin-top: 50px;
    padding-bottom: 10px;
    display: block;
  }
  .pg_header .box4:after{
    top: inherit;
    bottom: 0;
  }
  .pg_home header{
    display: none;
  }
  header .hdr1{
    width: 100%;
    margin-bottom: 0;
    padding: 0;
  }
  .gnav ul li{
    border-left: none;
  }
  .gnav ul li:nth-child(n+3){
     border-left: none;
  }
  header .hdr1 .hdr_logo{
    width: 100%;
    text-align: center;
    margin: 5px 0;
  }
  header .hdr1 .hdr_logo img{
    width: 200px;
  }
  header .hdr1 .hdr_contact{
    display: none;
  }

  .ftr_contact_wrap .txt1{
    font-size: 16px;
  }
  footer .ftr1 .box2{
    width: 100%;
  }
  footer .ftr1 .box3{
    display: none;
  }

  .ftr_links_wrap .ftr_links {
    width: 50%;
  }
  .ftr_links_wrap .ftr_links + .ftr_links{
    margin-left: 0;
  }
  footer .ftr_links{
    font-size: 13px;
  }

  .footer_fix{
    display: block;
  }

  .gnav{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    padding: 0;
    z-index: 99999;
    overflow-y: scroll;

    /*transition: all 0.2s;*/
    transform: translateX(100%);
    padding: 15px;
  }
  .gnav.active{
    transform: translateX(0%);
  }
  .gnav > ul{
    display: block;
  }
  .gnav > ul > li{

    width: 100%;
    padding: 25px 0;

  }
  .gnav li {
    border-bottom: 1px dashed #CCC;
  }
  .gnav > ul > li + li,
  .gnav > ul > li:first-child,
  .gnav > ul > li:last-child{
    border-left: 0;
    border-right: 0;
    border-bottom: 1px dashed #CCC;
  }
  .gnav > ul > li:last-child{
    display: none;
  }
  .gnav > ul > li a{
    padding: 10px 0;
    font-family: "Noto Serif JP";
  }
  .gnav .children, .gnav .sub-menu{
    display: block;
    position: static;
    background: #EEE;
  }

  .breadcrumb{
    font-size: 12px;
    margin-top: 70px;
  }
  .breadcrumb li{
    white-space: nowrap;
  }

  .tt1{
    font-size: 24px;
    font-weight: normal;
    font-family: "ヒラギノ明朝 Pro";
    line-height: 1.4;
    display: block;
    width: 100%; 
    flex-direction: inherit;
    justify-content: flex-start;
    margin-top: 60px;
    align-items: center;
  }
  .tt1:after{
    content: "";
    display: block;
    clear: both;
  }
  .tt1 .en{
    float: left;
  }
  .tt1 .ttl{
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    width: auto;
    text-align: right;
    border-top: none;
    padding-top: 8px;
    padding-right: 0;
    padding-left: 10px;
    /*padding-right: 8%;
    padding-left: 10px;*/
    float: right;
  }

  .tt2{
    font-size: 20px;
  }
  .en{
    font-size: 16px;
  }
  .tt2 span{

  }
  .tt3{

  }
  .tt3 span{

  }
  .tt4{

  }
  .tt4 span{

  }
  .tt5{

  }
  .tt5 span{

  }
  .section#contact,
  .pg_home .section#sec2,
  .pg_home .section#sec4{
    padding:50px 0;
  }
  /**/
  /* **********************************
   *  top
   * ********************************* */
  .home_tt1{
    display: block;
    margin-bottom: 25px;
  }
  .pg_home .section#sec6{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .home_tt1.left,
  .home_tt1.right,
  .home_tt1.title,
  .home_tt1.top {
    text-align: center;

  }
  .home_tt1 em{
    display: block;
    margin-right: 0;
  }
  .home_tt1:after{
    width: auto;
  }
  .home_mv_wrap {
    padding-bottom: 20px;
  }
  .home_mv_wrap .box1{
    width: 100%;
    padding: 30px 15px;
  }
  .home_mv_wrap .box2{
    width: 100%;
  }
  .home_mv_wrap .title{
    margin-top: 40px;
  }
  .home_mv_wrap .txt{
    margin-top: 20px;
    padding-top: 20px;
  }

  .home_works_items{
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 30px;
  }
  .home_works_items .item{
    width: 50%;
    padding: 0 5px;
  }
  .home_works_items .item:nth-child(n+3){
    margin-top: 10px;
  }
  .home_works_items .item .inner{
    padding: 6px;
  }
  .home_works_items .item .title{
    font-size: 14px;
  }

  .home_features_wrap{
    height: auto;
    padding: 30px 0;
  }
  .home_features_wrap .home_tt1.title:after{
    width: 150px;
  }
  .home_features_wrap .txt{
    font-size: 15px;
    text-align: left;
  }


  .home_features_items .item + .item {
    margin-top: 30px;
  }
  .home_features_items .item .bg{
    height: 150px;
  }
  .home_features_items .item .box .inner{
    padding: 10px;
  }
  .home_features_items .item .title,
  .home_features_items .item.third .box .title{
    padding: 10px;
    font-size: 20px;
  }
  .home_features_items .item .txt{
    padding: 0 10px;
    font-size: 14px;
  }

  .home_link_bn{
    justify-content: center;
  }
  .home_link_bn li{
    width: 100%;
    min-height: inherit;
  }
  .home_link_bn li+li{
    margin-top: 10px;
  }
  .home_link_bn li .bg {
    height: 180px;
  }
  .home_link_bn .read_more {
    padding: 5px 0;
    bottom: 10px;
  }

  .home_link_bn_wrap{
    padding: 30px 0;
  }
  .home_link_bn_wrap:after{
    height: 100%;
  }

  .home_news_wrap{
    flex-wrap: wrap;
  }
  .home_news_wrap .box1{
    width: 100%;
  }
  .home_news_wrap .box2{
    width: 100%;
    text-align: center;
  }

  .home_voice_item{
    display: block;
  }
  .home_voice_item .box1{
    width: 100%;
  }
  .home_voice_item .box2{
    width: 100%;
    padding: 20px;
  }
  .home_voice_item .title{
    position: static;
    margin-top: 10px;
  }
  .home_voice_slider{
    width: 100%;
  }
  .home_voice_slider.slider-pro{
    width: 100%;
  }
  .sp-mask.sp-grab{
    width: 100%;
  }
  .home_flex{
    display: block;
  }
  .home_news_wrap{
    width: 100%;
    margin: 0 auto;
  }
  .home_news_wrap .home_tt1.left:after{
    display: none;
  }
  
  .banner_wrap{
  padding-top: 50px;
}
.banner_items{
  display: block;
}
.banner_items .item{
  width: 100%;
  text-align: center;
}
.banner_items .item + .item{
  padding-left: 0;
}
.banner_items .item:nth-child(n+2){
  margin-top: 20px;
}
  .home_features_items .item .box .inner{
    padding-bottom: 0;
  }
  .home_features_items .item:nth-child(even) .box .inner{
    min-height:100%;
    padding: 10px 10px 0 10px;
  }
  .pg_home .home_flex .img{
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
  .pg_home .section#sec2 .home_flex .img{
    margin: 30px auto 0;
  }
  .pg_home .home_flex .img img{
    width: auto;
  }
  .home_news_items .item{
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .home_news_items .item .date{
    width: 100px;
    font-size: 15px;
  }
  .home_news_items .item .title{
    font-size: 14px;
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
  .home_news_items .item .title .txt_ellipsis{
    font-size: 14px;
  }
  .home_flex .img{

  }

  /**/
  .post_items{

  }
  .post_items .item{
    flex-wrap: wrap;
  }
  .post_items .item .title{
    width: 100%;
  }
  .post_items .item.single_item .title{
    font-size: 16px;
  }
  .pagination .nav-posts .page-next,
  .pagination .nav-posts .page-prev{
    min-width: 100px;
  }
  .pagination .nav-posts .page-next a, 
  .pagination .nav-posts .page-prev a,
  .pagination .nav-posts .page-archive a{
    padding: 10px 10px;
    font-size: 11px;
  }
  /* **********************************
   *  崎田工務店の特徴
   * ********************************* */
  .pg_about .section#sec1{
    margin-top: 60px;
    padding-bottom: 10px;
  }
  .about_desc{
    font-size: 14px;
    margin-top: 20px;
    text-align: left;
  }
  .about_features_items .item.third .box .title,
  .about_features_items .item .title{
    font-size: 18px;
  }
  .about_features_items .item .txt{
    font-size: 14px;
  }
  .about_features_items .item .read_more a{
    font-size: 15px;
  }
  .about_features_items .item .box .inner{
    min-height: 300px;
  }
  .about_features_items .item:nth-child(odd) .bg:after{
    border-left: 0vw solid rgba(0,0,0,0.7);
    left: -160px
  }
  .about_features_items .item:nth-child(even) .bg:after{
    border-right: 0vw solid rgba(0,0,0,0.7);
    right: -160px;
  }
  .about_features_items .item:nth-child(even) .bg,
  .about_features_items .item:nth-child(odd) .bg{
    background-size:contain;
    background-position: unset;
    min-height: 300px;
    width: 100%;
  }



  /* **********************************
   *  こだわりの天然素材
   * ********************************* */



  .pg_material .section#sec1{
    margin-top: 50px;
  }
  .pg_material .section#sec2{
    margin-top: 50px;
  }
  .material_point_items .item_title .meta .part{
    font-size: 14px;
    width: 150px;
  }
  .material_point_items .item_title .meta .part span{
    font-size: 16px;
  }
  .material_point_items .item_title .meta{
    display: block;
  }
  .material_point_items .item_title .meta .part_title,
  .material_point_items .item.triple .item_title .part_title{
    width: auto;
    font-size: 16px;
    padding-left: 0;
    margin-top: 10px;
  }
  .material_point_items .item .boxs .box1 .text{
    font-size: 14px;
  }
  .material_point_items .item .boxs,
  .material_point_items .item.triple .boxs{
    display: block;
  }
  .material_point_items .item .boxs .box1,
  .material_point_items .item.triple .boxs .box1,
  .material_point_items .item .boxs .box2,
  .material_point_items .item.triple .boxs .box2,
  .material_point_items .item .boxs .box3,
  .material_point_items .item.triple .boxs .box3
  {
    width: 100%;
  }
  .material_point_items .item .boxs .box1 .img,
  .material_point_items .item .boxs .box2 .img,
  .material_point_items .item .boxs .box3 .img{
    width: 75%;
    margin: 0 auto;
  }
  .material_point_items .item.triple .boxs .box2,
  .material_point_items .item.triple .boxs .box3{
    margin-top: 40px;
  }
  .material_point_items .item.triple .boxs .title{
    padding: 20px 0;
  }
  .material_point_items .item.triple .boxs .text{
    font-size: 14px;
  }
  .material_point_items .item .summary{
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
  }
  .material_merit_items .item .boxs .box3{
    margin-top: 30px;
  }
  .material_merit_items .item_title .meta .part span{
    font-size: 16px;
  }
  .material_merit_items .item .boxs .box3 table tr:first-child th{
    padding-left: 0;
  }
  /* **********************************
   *  安心へのこだわり
   * ********************************* */ 
  .pg_commitment .section#sec1{
    margin-top: 60px;
  }
  
  .pg_commitment .section#sec2{
    margin-top: 50px;
  }
  .pg_commitment .section#sec3 {
    margin-top: 50px;
  }
  .pg_commitment .section#sec4{
    margin-top: 50px;
  }
  
  .commitment_point_wrap .title,
  .commitment_value_wrap .title,
  .commitment_insurance_wrap .title,
  .commitment_summary_wrap .title{
    font-size: 18px;
  }
  .commitment_point_wrap .text{
    font-size: 14px;
    margin-top: 0;
  }
  .desc_box{
    margin-top: 20px;
  }
  .desc_box .desc_title .box span{
    font-size: 16px;
  }
  .commitment_point_wrap .desc_box .txt1{
    font-size: 14px;
  }
  
  
  .img_boxs{
    flex-wrap: wrap;
  }
  .img_boxs > div{
    width: 100%;
  }
  .img_boxs > div:nth-child(n+2){
    margin-top: 20px;
  }
  .img_boxs > div .img{
    width: 75%;
    margin: 0 auto;
  }
  .img_boxs > div .img img{
    
  }
  .img_boxs > div .inner{
    padding: 0 10px;
  }
  .img_boxs > div .sums{
    padding: 10px 0;
    font-size: 14px;
  }
  
  
  
  .commitment_value_wrap .boxs{
    display: block;
  }
  .commitment_value_wrap .boxs .box1,
  .commitment_value_wrap .boxs .box2,
  .commitment_value_wrap .boxs .box3{
    width: 100%;
  }
  .commitment_value_wrap .boxs .box1 .img,
  .commitment_value_wrap .boxs .box2 .img,
  .commitment_value_wrap .boxs .box3 .img{
    width: 75%;
    margin: 0 auto;
  }
  .commitment_value_wrap .boxs .sums{
    padding: 10px 0;
    font-size: 14px;
  }
  .commitment_value_wrap .boxs .box2,
  .commitment_value_wrap .boxs .box3{
    margin-top: 20px;
  }
  .commitment_value_wrap .commitment_point_desc{
    font-size: 14px;
  }
  .commitment_insurance_wrap .desc_box .desc_title .box span{
    width: 200px;
  }
  .commitment_insurance_wrap .txt1{
    font-size: 14px;
  }
  .bl_box .bl_title{
    font-size: 15px;
  }
  .bl_box .bl_text{
    font-size: 14px;
  }
  .commitment_insurance_wrap .desc_box .img{
    text-align: center;
    margin-top: 30px;
  }
  .commitment_summary_wrap .commitment_summary{
    font-size: 14px;
    margin-top: 15px;
  }
  /* **********************************
   *  省エネ・エコ商品
   * ********************************* */
  .pg_eco .section#sec1{
    margin-top: 60px;
    padding-bottom: 0;
  }

  .eco_banner_wrap .eco_hd_title{
    font-size: 18px;
  }
  .eco_banner_desc span{
    font-size: 16px;
  }
  .eco_power_wrap .desc_box .desc_title{
    white-space: normal;
  }
  .eco_power_wrap .desc_box .desc_title .box span{
    width: auto;
    font-size: 16px;
  }
  .eco_power_wrap .sub_text{
    font-size: 15px;
  }
  .eco_power_items{
    display: block;
  }
  .eco_power_items .item{
    width: 100%;
  }
  .eco_power_items .item:nth-child(n+2){
    margin-top: 60px;
  }

  .eco_power_items .item.third:before{
    top: 30%;
  }
  .eco_power_items .item.first .img:after{
    top: 42%;
    right: -53px;
  }
  .eco_power_items.next .item.third .img:before{
    top: 23%;
  }
  .pg_eco .eco_power_items .item.hd .img:after{
    width: 20px;
    height: 20px;
    top: 114%;
    right: 47%;
  }

  .eco_power_items .item .img{
    width: 75%;
    margin: 20px auto;
  }
  .eco_power_items .item .title{
    width: 75%;
    margin: 0 auto;
  }

  .eco_power_items .item.right:before{
    display: block;
    content: "";
    height: 32px;
    width: 54px;
    background-image: url(/img/eco/right2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -11%; 
    left: 43%;
  }
  .eco_comparison_wrap .bl_text li.third:before,
  .eco_comparison_wrap .bl_text li.second:before,
  .eco_comparison_wrap .bl_text li.first:before{
    padding-right: 15px
  }
  .eco_power_items .item span{
    display: block;
    width: 75%;
    margin: 0 auto;
  }
  .pg_eco .eco_power_items .item.first .img:after{
    width: 20px;
    height: 20px;
    right: 46%;
    top: 171%;
  }
  .pg_eco .eco_power_items.next .item.third .img:before{
    top: -60%;
    left: 46%;
    transform: rotate(90deg);
  }
  .eco_glagh_warp .title{
    font-size: 18px;
  }
  .eco_glagh_warp .text{
    font-size: 14px;
  }
  .eco_comparison_wrap .bl_text li{
    font-size: 15px;
  }


  /* **********************************
    *  お客様の声　一覧
    * ********************************* */
  .pg_archive_voice .section#sec1{
    margin-top: 90px;
  }




  .voice_items .item{
    display: block;
  }
  .voice_items .item .title{
    font-size: 15px;
  }
  .voice_items .item .txt{
    font-size: 14px;
  }
  .voice_items .item .box1{
    width: 100%;
    margin: 0 auto;
  }
  .voice_items .item .box2{
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .voice_items .item .read_more{
    position: static;
    margin-top: 30px;
  }
  .voice_items .item .read_more a{
    font-size: 14px;
  }
  /* **********************************
     *  お客様の声 詳細
     * ********************************* */  
  .pg_single_voice .section#sec1{
    margin-top: 60px;
  }
  .voice_detail .title{
    font-size: 15px;
  }
  .voice_detail .post_content{
    font-size: 14px;
  } 
  
  .voice_detail .post_content .imgs{
  }
  .voice_detail .post_content .imgs .img{
    width: 100%;
  }
  .voice_detail .post_content .imgs .img img{
  }
  
  .voice_detail .qa dl+dl{
    margin-top: 30px;
  }
  .voice_detail .qa dl dt{
    font-size: 15px;
    margin-bottom: 15px;
  }
  .voice_detail .qa dl dd{
    font-size: 14px;
  }
  .voice_detail .main_img span{
    margin: 0 auto;
    width: 100%;
  }
  /* **********************************
   *  価格とラインナップ
   * ********************************* */
  .pg_price{
    padding-bottom: 0;
  }
  .pg_price .section#sec1{
    margin-top: 60px;
  }

  .pg_price .section#sec2,
  .pg_price .section#sec3,
  .pg_price .section#sec4{
    margin-top: 30px;
  }
  .price_feature_wrap .desc_box:nth-child(n+2){
    margin-top: 20px;
  }
  .price_feature_wrap .summary,
  .price_glagh_wrap .txt1, .price_feature_wrap .txt1,
  .table_sub span{
    font-size: 14px;
  }
  .feature_desc_title{
    font-size: 15px;
  }
  .price_feature_wrap .desc_box .desc_title .box span.ttt2{
    width:230px;
  }

  .price_feature_wrap .desc_box .desc_title .box span.ttt3{
    width:245px;
  }

  .price_feature_wrap .desc_box .desc_title .box span.ttt4{
    width:200px;
  }
  .price_feature_wrap .desc_box .desc_title .box span.ttt5{
    width: 215px;
  }
  .price_glagh_wrap .item_title, 
  .price_feature_wrap .item_title{
    font-size: 15px;
  }

  .price_feature_wrap .table th,
  .price_feature_wrap .table td{
    text-align: left;
    display: block;
    width: 100%;
  }
  /* **********************************
   *  会社概要
   * ********************************* */ 
  .pg_company{
    margin-top: 80px;
  }
  .pg_company .section#sec2{
    margin-top: 50px;
  }
  .pg_company .section#sec3{
    margin-top: 50px;
  }
  
  .company_greeting_wrap .items{
    flex-direction: column;
  }
  .company_greeting_wrap .items .box1{
    width: 100%;
    order: 2;
  }
  .company_greeting_wrap .box1 .summary{
    font-size: 14px;
  }
  .company_greeting_wrap .items .box2{
    width: 100%;
    order: 1;
    margin-top: 30px;
    text-align: center;
  }
  .company_greeting_wrap .items .box2 .img{
    width: 60%;
    margin: 0 auto;
  }
  
  

  .company_table_wrap table th,
  .company_table_wrap table td{
    font-size: 15px;
    display: block;
    width: 100%;
    padding: 10px;
  }
  .company_addres_wrap .title,
  .company_greeting_wrap .title,
  .company_table_wrap .title,
  .company_addres_wrap .title{
    font-size: 15px;
  }
  
  .company_addres_wrap .items:nth-child(n+3){
    padding-top: 0;
  }
  .company_addres_wrap .items{
    flex-direction: column;
    margin-top: 15px;
  }
  .company_addres_wrap .items .box1{
    width: 100%;
    order: 2;
  }
  .company_addres_wrap .items .box2{
    width: 100%;
    order: 1;
  }
  .company_addres_wrap .items .box2 .map{
    text-align: center;
  }
  .company_addres_wrap .items .box1 .text{
    margin-top: 30px;
  }
  .company_addres_wrap .items .box1 .text span{
    font-size: 15px;
  }
  /* **********************************
   *  施工事例
   * ********************************* */ 
  .case_cat_warp{
    margin-top: 60px;
  }
  .pg_archive_case .section#sec2{
    margin-top: 20px;
  }
  .case_cat_items{
    display: block;
  }
  .case_cat_items .item{
    width: 100%;
  }
  .case_cat_items .item .cat_title a{
    font-size: 16px;
  }
  .case_cat_items .item .cat_title.left{
    height: 60px;
  }
  .case_cat_items .item .cat_title.right{
    height: 40px;
    margin-top: 20px;
  }
  .all_case_items{
    display: block;
  }
  .all_case_items .item{
    width: 100%;
  }
  .all_case_items .item:nth-child(n+2){
    margin-top: 30px;
  }
  .all_case_items .item .box{
    width: 100%;
  }
  .pg_archive_case .sp-horizontal .sp-previous-arrow:before{
    font-size: 28px;
    left: -98px;
    display: none;
  }
  .pg_archive_case .sp-horizontal .sp-next-arrow:before{
    font-size: 28px;
    right: -76px;
    display: none;
  }
  .all_case_items .box .text{
    font-size: 16px;
  }
  .all_case_items .box .data span{
    font-size: 14px;
  }
  .all_case_items .box .meta .category span{
    font-size: 15px;
  }
  .pg_archive_case .read_more{
    margin-top: 20px;
  }
  .all_case_items .item .box{
    height: 200px;
  }
  /* **********************************
   *  工事の流れ
   * ********************************* */
  .pg_flow .section#sec1,
  .pg_flow .section#sec2{
    margin-top: 80px;
  }
  .flow_text .title{
    font-size: 15px;
  }
  .flow_text .title span{
    font-size: 20px;
  }
  .flow_text .txt{
    font-size: 14px;
  }
  .flow_item.last .flow_img{
    height: auto;
  }
  /* **********************************
   *  施工事例(外観)
   * ********************************* */
  .pg_flow{
    padding-bottom: 0;
  }
  .case_cat_items.outer .item .cat_title.left{
    margin-top: 20px;
  }
  .all_case_items.outer{

  }
  .all_case_items.outer .item{
    width: 100%;
    margin: 0 auto;
  }
  .all_case_items.outer .item:nth-child(n+2){
    margin-top: 20px;
  }
  .all_case_items.outer .read_more{
    margin-top: 30px;
  }
  

  /* **********************************
   *  お問い合わせ
   * ********************************* */
  .ftr_contact_wrap .tel img{
    width: 75%;
    display: block;
    margin: 0 auto;
  }
  .ftr_contact_link a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    max-width: 100%;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #ffffff;
    font-size: 15px;
    letter-spacing: 0.05em;
  }
  footer .ftr_links li a{
    padding-left: 20px;
  }
  /* **********************************
   *  フッター
   * ********************************* */
  .footer .ftr_addr .txt1,
  footer .ftr_addr .txt2,
  footer .ftr_addr .txt,
  footer .ftr_links li a{
    font-size: 14px;
  }
  footer .ftr1 .box1{
    text-align: center;
  }
  footer .ftr1 .box2{
    width: 310px;
    margin: 0 auto !important;
  }
  footer .ftr1 .box1:after{
    width: 85%;
    right: 26px;
    top: 83%;
  }
  footer .copy {
    font-size: 11px;
  }


  

  /* 共通パーツ */
  footer .ftr_logo img {
    width: 230px;
  }

  .ftr_contact_wrap .home_tt1 em{

  }
  
  .pg_header .container{
    height: auto;
    margin-bottom: 15px;
  }

  .gnav > ul > li{
    padding: 10px 0;
  }

  .breadcrumb{
    margin-top: 0;
  }
  
  .pagination{
    margin: 30px auto;
  }
  
  .read_more a{
    font-size: 14px;
    padding: 10px 0;
  }




  /* HOME */
  .home_tt1{
    font-size: 14px;
  }
  .home_tt1 em{
    font-size: 30px;
    line-height: 1.4;
  }

  .home_news_items{
    margin-bottom: 30px;
  }

  /* 特徴 */
  .pg_about .section#sec2{
    margin-top: 50px;
  }
  .about_features_items .item + .item{
    margin-top: 50px;
  }
  .about_features_items .item .read_more a{
    padding: 10px 0;
  }
  
  .about_features_items .item:nth-child(even) .bg, 
  .about_features_items .item:nth-child(odd) .bg{
    height: auto;
    min-height: 0;
    overflow: hidden;
  }
  .about_features_items .item .bg{
    
  } 
  .about_features_items .item .bg:before{ 
    content: "";
    display: block;
    padding-top: 46.875%;
  }
  
  .about_features_items .item.third .box .inner{
    padding-bottom: 15px;
    min-height: 0;
  }
  .about_features_items .item:nth-child(odd) .box .inner:before{
    display: none;
    
  }

  /* 施工事例 */
  .case_cat_items{
    display: flex;
    align-items: flex-end;
  }
  .case_cat_items .item{
    width: 50%;
  }
  .case_cat_items .item .cat_title.left{
    height: 50px;
  }
  
  .outer_cat_wrap{
    margin-top: 15px;
  }
  .all_case_items.outer{
    margin-top: 30px;
    margin-bottom: 0;
  }
  .all_case_items.outer .item .inner{
    padding-bottom: 0;
  }
  .all_case_items .item .box{
    height: auto;
  }
  
  /* お客様の声 */
  .voice_items .item .box2{
    margin-top: 0;
  }
  .voice_items .item .title{
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  
  
  /* 工事の流れ */
  .pg_flow .section#sec2{
    margin-top: 20px;
  }

  .flow_item:nth-child(odd) .flow_text, 
  .flow_item:nth-child(even) .flow_text{
    height: auto;
  }
  
  .flow_item:nth-child(odd) .flow_img:after{
    
  }

  /* ラーメン構造 */
  .price_feature_wrap .summary{
    margin-top: 10px;
  }

  .price_feature_wrap .table th, 
  .price_feature_wrap .table td{
    border-bottom: 0;
    padding: 10px;
  }
  .price_feature_wrap .table{
    border-bottom: 1px solid #cfa972;
  }

  .table_sub span{
    font-size: 13px;
  }

  .feature_desc_title.first:before,
  .feature_desc_title.second:before,
  .feature_desc_title.third:before{
    padding-right: 10px
  }

  /* 会社概要 */
  .company_greeting_wrap .box1 .summary{
    padding: 0;
  }

  .company_table_wrap table th, 
  .company_table_wrap table td{
    border-bottom: 0;
    padding: 10px;
  }
  .company_table_wrap table{
    border-bottom: 1px solid #d2d2d2;
  }

  .company_addres_wrap .items .box1{
    order: 1;
  }
  .company_addres_wrap .items .box2{
    order: 2;
    margin-top: 15px;
  }

  .company_addres_wrap .items .box1 .text{
    margin-top: 0;
  }

  .company_table{
    margin-top: 15px;
  }
  

  /**/
  .news_items .item {
    padding-bottom: 20px;
  }
  .news_items .item + .item {
    margin-top: 20px;
  }
  .news_items .item .title{
    margin-bottom: 0;
  }

}

@media only screen and (max-width:359px){
  .footer_fix ul{
    font-size: 12px;
  }
}