@charset "UTF-8";

@media (max-width: 1199px){
  .container{
    max-width: 100%;
  }
  .top_box_wrap>.box_l{
    width: 74.35%;
  }
  .top_box_wrap>.box_r{
    width: 23.07%;
  }
  .ment_box .box_l{
    width: 30%;
  }
  .ment_box .box_r{
    width: 65%;
  }
  
  .bankin_about .box_l{
    width: 65%;
  }
  .bankin_about .box_r{
    width: 31%;
  }
  .bankin_box .item{
    width: 32%;
    margin-right: 2%;
  }
  .bankin_box .item:nth-child(3n){
    margin-right: 0;
  }
  
  .newcar02 .box_l,
  .newcar02 .box_r{
    width: 49%;
  }
  .newcar02 .box_l{
    margin-right: 2%;
  }
  
  .company_box li{
    width: 31%;
    margin-right: 3.5%;
  }
}
@media (max-width: 1023px){
  .gnav li{
    font-size: 12px;
  }
  /*.gnav > ul > li{
    vertical-align: top;
    display: inline-block;
    width: 33.333333%;
  }*/
  
  .pg_header .mv{
  }
  .pg_header .mv_txt{
    text-align: center;
  }
  
  .page_flow_box .title span{
    font-size: 18px;
  }
  .contact_from th,
  .contact_from td{
    display: block;
    width: 100%;
    padding: 10px 10px;
    text-align: left;
  }
}
@media (max-width: 767px){
  
  body{
    font-size: 14px;
    padding-bottom: 50px;
  }
  
  header{
    padding-top: 0;
  }
  header .hdr1 {
    margin-left: -15px;
    margin-right: -15px;
  }
  header .hdr1 .hdr_logo,
  header .hdr1 .hdr_contact{
    float: none;
    width: 100%;
    text-align: center;
  }
  header .hdr1 .hdr_logo{
    margin-bottom: 10px;
    background: #f1f1f1;
    border-bottom: 1px solid #CCC;
    padding: 10px;
  }
  header .hdr1 .hdr_contact{
    font-size: 0;
  }
  header .hdr1 .hdr_contact a{
    /*margin-left: 0;
    display: inline-block;
    width: 50%;
    padding: 0 1%;*/
    display: none;
  }
  header .hdr1 .hdr_contact p{
    font-size: 13px;
  }
  
  
  header .h1{
    text-align: center;
    font-size: 11px;
  }
  
  .pg_header .mv{
    height: auto;
    background-size: auto 100%;
  }
  .pg_header .mv_txt{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .post_list .post_item .title{
    line-height: 1.5;
    margin-bottom: 15px;
  }
  .post_list .post_item .title .date{
    display: block;
    float: none;
  }
  .post_list .post_item .thumb{
    float: none;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
  }
  
  .gnav{
    background: #0093e0;
    transition: 0.2s all;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15;
    overflow-y: scroll;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .gnav.active{
    display: block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .gnav > ul{
    padding-top: 30px;
  }
  .gnav > ul > li{
    display: block;
    width: 100%;
  }
  .gnav > ul > li a{
    border-left: 0;
    background: #3aa7e8;
    color: #FFF;
    font-size: 16px;
  }
  .gnav > ul > li:last-child a{
    border-right: 0;
  }
  
  footer{
    margin-top: 30px;
  }
  footer .ftr1 .ftr_links li{
    width: 50%;
    border-right: 1px solid #404040;
    border-left: 0;
    margin-bottom: 15px;
  }
  footer .ftr1 .ftr_links li:nth-child(2n){
    border-right: 0;
  }
  footer .ftr1 .ftr_links li a{
    padding: 5px 10px;
    font-size: 14px;
  }
  
  footer .ftr2 .ftr_logo,
  footer .ftr2 .ftr_contact{
    float: none;
    text-align: center;
    margin: 5px 0;
  }
  footer .ftr2 .ftr_contact{
    font-size: 0;
  }
  footer .ftr2 .ftr_contact a{
    margin-left: 0;
    display: inline-block;
    width: 50%;
    padding: 0 1%;
  }
  
  
  .footer_fix{
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0093e0;
    box-shadow: 0 0 1px 1px #666;
    z-index: 20;
  }
  .footer_fix ul{
    display: table;
    width: 100%;
    font-size: 14px;
  }
  .footer_fix ul li{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .footer_fix ul li.btn1{
    width: 37.5%;

  }
  .footer_fix ul li.btn2{
    width: 25%;
  }
  .footer_fix ul li a{
    display: block;
    padding: 10px 2px;
    color: #FFF;
    margin: 5px;
    background: #3aa7e8;
    /*border-radius: 10px;*/

  }
  .footer_fix ul li.btn1 a{
    margin-right: 0;
  }
  
  .sp{
    display: block !important;
  }
  
  .pg_header .pg_title{
    height: 100px;
    background-size: auto 100%;
    background-position: right -500px center;
  }
  .pg_header .pg_title h2{
    font-size: 20px;
    line-height: 100px;
    text-shadow: 0 0 2px #666;
  }
  .pg_header .pg_title h2 span{
    font-size: 12px;
    margin-left: 10px;
    
  }
  
  .tt1{
    font-size: 16px;
  }
  .tt2{
    font-size: 16px;
    padding: 6px 10px 10px;
  }
  .tt2 span{
    font-size: 12px;
    margin-right: 10px;
  }
  .tt2 span:first-child{
    margin-left: 10px;
  }
  .tt3{
    font-size: 16px;
  }
  
  .top_contents .item{
    width: 49%;
    margin-right: 2%;
  }
  .top_contents .item:nth-child(3n){
    margin-right: 2%;
  }
  .top_contents .item:nth-child(2n){
    margin-right: 0;
  }
  
  .top_pickup .img img{
    width: 100%;
  }
  .top_pickup .more img{
    width: 110px;
  }
  
  .top_box_wrap > .box_l,
  .top_box_wrap > .box_r{
    width: 100%;
    float: none;
  }
  .top_box_wrap > .box_r{
    margin-top: 30px;
  }
  .top_box_wrap > .box_r .side_info{
    display: none;
  }
  .top_box_wrap > .box_r .side_bns{
    text-align: center;
  }
  .top_box_wrap > .box_r .side_bns img{
    width: 220px;
  }
  
  .top_posts .item{
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .top_posts .item_sp_hor{
  }
  .top_posts .item_sp_hor .img{
    float: left;
    width: 30%;
    margin-right: 2%;
  }
  .top_posts .item_sp_hor .date{
    font-size: 12px;
  }
  
  .top_pickup .comment{
    min-height: 0;
    margin-bottom: 15px;
  }
  
  .page_flow_box .title{
    padding-left: 0;
    
  }
  .page_flow_box .title span{
    position: relative;
    width: 40%;
  }
  
  
  .inspection_test li{
    font-size: 12px;
  }
  .inspection_sikaku{
    font-size: 16px;
    padding: 15px;
  }
  .inspection_sikaku span{
    
  }
  .inspection_tbl th{
    font-size: 13px;
  }
  .inspection_tbl td{
    font-size: 12px;
  }
  
  .ment_box .box_l,
  .ment_box .box_r{
    width: 100%;
    float: none;
  }
  .ment_box .box_l{
    text-align: center;
  }
  .ment_box .title{
    margin-top: 10px;
    text-align: center;
  }
  
  .bankin_about{
    margin-bottom: 30px;
  }
  .bankin_about .box_l{
    width: 100%;
  }
  .bankin_about .box_r{
    width: 100%;
    
  }
  .bankin_about .img{
    width: 50%;
    float: left;
    padding: 0 10px;
    
  }
  .bankin_about .img + .img{
    margin-top: 0;
  }
  
  .bankin_box .item{
    font-size: 14px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .bankin_box .item:nth-child(3n){
    margin-right: 0;
  }

  .bankin_box .box_l{
    width: 30%;
  }
  .bankin_box .box_r{
    width: 65%;
  }
  .bankin_box .title{
    text-align: left;
    padding-top: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .bankin_box .comment{
    font-size: 12px;
  }
  
  .tbl td{
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .access_box iframe{
    height: 300px;
  }
  
  .contact_from input[type="text"],
  .contact_from input[type="email"],
  .contact_from textarea{
    width: 100%;
  }
  
}
@media (max-width: 414px){
  
}