/*　search */

/*------------------------------
	PC
------------------------------*/

@media screen and (min-width: 768px) {
    .section1{
        padding-top: 25px;
        padding-bottom: 90px;
    }
    .section1 h2{
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 4.8rem;
        color: #FFFFFF;
        text-align: center;
    }
    .section1 .txt{
        color: #FFFFFF;
        text-align: center;
        padding-bottom: 2.0rem;
        font-size:1.5em;
    }
    .section1 .pickup{
        width: 480px;
        float: left;
    }
    .section1 .pickup:nth-of-type(2){
        float: right;
    }
    .section1 .pickup h3{
        text-align: center;
        color: #FFFFFF;
        font-size: 2.4rem;
        font-family: 'Roboto Condensed', sans-serif;
        padding-bottom: 1.0rem;
    }
    .section1 .pickup dl{
        width: 230px;
        margin-right: 20px;
        float: left;
    }
    .section1 .pickup dl:nth-last-child(1) {
        margin-right: 0;
    }
    .section1 .pickup dt{
        background: #CECECE;
        text-align: center;
        color: #F61A0B;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.4;
        height: 172px;
        width: 230px;
        overflow: hidden;
        position: relative;
    }
    .section1 .pickup dt p{
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          height: auto;
    }
    .section1 .pickup dt img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: auto;
          height: 100%;
   }
    .section1 .pickup dd{
        background: #FFFFFF;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        font-size: 1.2rem;
    }
    .section1 .pickup dd .button {
        width: 93%;
        height: 35px;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        margin-top: 1.0rem;
        margin-right: auto;

    }
    .section1 .pickup dd .button a {
        font-size: 1.4rem;
        line-height: 31px;
        text-align: left;
        text-indent: 2.5rem  
    }
    .section1 .pickup dd .button a:hover {
      background-color: #FFFFFF;
      color: #276d7a;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
    }

/* slick_dots */
button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.slide-dots {
  text-align: center;
}
.slide-dots li {
  display: inline-block;
  margin: 0 15px;
}
.slide-dots li button {
  position: relative;
  text-indent: -9999px;
}
.slide-dots li button:before {
  content: '○';
  font-size: 12px;
  text-indent: -23px;
  position: absolute;
  top: 0;
  left: 0;
  color:#fff;
}
.slide-dots li.slick-active button:before {
  content: '●';
  color:#fff;
}

    
    
    
    .category_wrap{width:1000px; margin:-50px auto;}
    input[type="radio"]{display:none;}
    .category_area{font-size:0; margin:0;}
    .category_area label{width:150px; display:inline-block; padding:15px 0; color:#444444; background:#E4E4E4; text-align:center; font-size:1.4rem; cursor:pointer; transition:ease 0.2s opacity; margin-right: 3px; font-weight: 700;} 
    .category_area label:hover{opacity:0.9;}
    .panel_area{background:#FFFFFF; }
    .category_panel{width:100%; padding:20px 0; display:none;}
    .category_panel p{font-size:1.4rem;}

    #category1:checked ~ .category_area .category1_label{background:#FFFFFF;}
    #category1:checked ~ .panel_area #panel1{display:block;}
    #category2:checked ~ .category_area .category2_label{background:#FFFFFF;}
    #category2:checked ~ .panel_area #panel2{display:block;}
    #category3:checked ~ .category_area .category3_label{background:#FFFFFF;}
    #category3:checked ~ .panel_area #panel3{display:block;}
    #category4:checked ~ .category_area .category4_label{background:#FFFFFF;}
    #category4:checked ~ .panel_area #panel4{display:block;}
    #category5:checked ~ .category_area .category5_label{background:#FFFFFF;}
    #category5:checked ~ .panel_area #panel5{display:block;}
    
    .cat_area{
     overflow:hidden;
     display:table;
     margin:0;
     }

    .cat_area li{
    width:150px; display:inline-block; padding:15px 0; color:#444444; background:#E4E4E4; text-align:center; font-size:1.4rem; cursor:pointer; transition:ease 0.2s opacity; margin-right: 3px; font-weight: 700;
     }
 
.cat_area li.select{
     background-color:#ffffff; 
 }
 
.hide{display:none;}
    
    
    
    .requirements_btn{
        float: left;
        width: 22%;
        cursor:pointer;
        color: #FFFFFF;
        font-weight: 700;
        background: #276d7a;
        line-height: 3;
        text-align: center;
        border: 3px solid #276d7a;
        display: none;
    }
    .requirements_btn.open{
        color: #276d7a;
        background: #FFFFFF;
    }
    .pageNav{
        float: right;
        width: 70%;
        text-align: right;
    }
    .pageNav ul{
        zoom: 1;
        overflow: hidden;
        background: #FFFFFF;
        text-align: right;
    }

    .pageNav li {
        display:inline-block; 
        zoom:1;
    }
    .pageNav li span,
    .pageNav li a {
        float: left;
        padding: 5px 12px;
        background: #FFFFFF;
        border: 1px solid #276d7a;
        color: #276d7a;
        text-decoration: none;
        border-radius: 3px; 
    }
    .pageNav li span {
        background: #276d7a;
        color: #FFFFFF;
    }
    .pageNav li a:hover {
        background: #276d7a;
        border-color: #276d7a;
        color: #FFFFFF;
    }
    .inventoryTit{
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.6rem;
    }
    .inventoryTit span{
        font-size: 1.4rem;
        padding-left: 2.0em;
        border-left: 1px solid #666666;
    }
    .search_cate{
        font-size: 0;
        margin-top: 20px;
    }
    .search_cate li{
        font-size: 0;
        display: inline-block;
        margin-right: 6px;
        margin-bottom: 6px;
    }
    .search_cate li:nth-child(6n){
        margin-right: 0;
    }
    .sub_search{
        margin-top: 20px;
    }
    .sub_search dt,.sub_search dd{
        float:left;
        margin-bottom: 10px;
    }
    .sub_search dt{
        width: 220px;
        font-weight: 700;
        text-indent: 2.0em;
    }
    .sub_search dd{
        width: 760px;
        font-size: 1.6rem;
    }
    .search_num{
        display: inline;
        font-size: 1.8rem;
        font-weight: 700;
        vertical-align: middle;
    }
    .search_num span{
        font-size: 4.8rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    .search_button{
        display: inline;
        vertical-align: middle;
        margin-left: 30px;
    }
    .search_button input{
        margin-top: 30px;
    }
    .panelNavArea{
        display: block;
        clear: both;
        padding-top: 0px;
    }
    #tabcontent{
        clear: both;
    }
    #tab01,#tab02{
        display: none;
    }
    #tabnavi{
        margin-left: 900px;
        height: 50px;
    }
    #tabnavi li{
        display: inline-block;
    }
    .gritView .list_block{
        display: inline-block;
        font-size: 0;
        width: 300px;
        margin-right: 12px;
        margin-bottom: 50px;
        background: #F3F3F3;
        border: 1px solid #D2D6DA;
        padding-bottom: 3.0rem;
        position: relative;
    }
    .gritView .list_block:nth-of-type(4n) {
        margin-right: 0;
    }
    .gritView .list_block h3{
        background: #333333;
        color: #FFFFFF;
        text-align: center;
        font-size: 1.2rem;
        font-weight: 700;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .gritView .list_block h3 span{
        color: #FFF100;
    }
    .gritView .list_block .aboutList{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .gritView .list_block .aboutList ul {
        display: table;
        table-layout: fixed;
        text-align: center;
        width: 100%;
        border-spacing:2px 0;
    }
    .gritView .list_block .aboutList li {
        display: table-cell;
        vertical-align: middle;
        color: #276d7a;
        font-size: 1.2rem;
        padding: 0.3rem 0;
        border: 2px solid #276d7a;
        margin-right: 2px;
    }
    .gritView .list_block .photo{
        text-align: center;
        color: #333333;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.4;
        height: 180px;
        width: 235px;
        overflow: hidden;
        position: relative;
    }
    .gritView .list_block .photo p.text{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
    }
    .gritView .list_block .photo .area{
        background: rgba(93,93,93,0.8);
        position: absolute;
        bottom: 0;
        height: 30px;
        color: #FFFFFF;
        text-align: center;
        line-height: 30px;
        width: 100%;
    }
    .gritView .list_block .photo img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          height: auto;
   }
    .gritView .list_block dl{
        width: 94%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 1.0rem;
    }
    /* リストの文字サイズ変更 */
    .gritView .list_block dt{
        width: 35%;
        float: left;
        font-size: 1.4rem;
        vertical-align: middle;
    }
    .gritView .list_block dd{
        width: 65%;
        float: left;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.3;
    }
    .gritView .list_block .button {
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        height: 36px;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        position: absolute;
        right: 0;
        left:0;
        margin: auto;
        bottom: -20px;
    }
    .gritView .list_block .button a {
        line-height: 31px;
    }
    .gritView .list_block .button a:hover {
      background-color: #FFFFFF;
      color: #276d7a;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
    }
    .gritView .list_block .reserve{
        background: rgba(93,93,93,0.7);
        background-blend-mode: multiply;
        position: relative;
        width: 100%;
        height: 150px;
    }
    .gritView .list_block .fa_agreement{
        background: url(../img/agreement.png) no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 45px;
        top: 25%;
        left: 42%;
    }
    .gritView .list_block .fa_truck{
        background: url(../img/truck.png) no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 61px;
        height: 47px;
        top: 20%;
        left: 35%;
    }
    .gritView .list_block .reserve p{
        color: #FFFFFF;
        position: absolute;
        font-size: 2.4rem;
        width: 100%;
        top: 65%;
    }
    .gritView .list_block .contracted{
        background: rgba(93,93,93,0.7);
        position: relative;
        width: 100%;
        height: 150px;
    }
    .gritView .list_block .contracted p{
        color: #FFF100;
        position: absolute;
        font-size: 2.4rem;
        width: 100%;
        top: 40%;
    }
    .gritView .list_block .contracted p span{
        font-size: 1.4rem;
        display: block;
    }
    .gritView .list_block .backOrdered p{
        color: #333333;
        position: absolute;
        font-size: 2.4rem;
        width: 100%;
        top: 50%;
    }
    .listView .list_block{
        width: 100%;
        margin-bottom: 30px;
        background: #F3F3F3;
        border: 1px solid #D2D6DA;
        position: relative;
    }
    .listView .list_block .photo{
        text-align: center;
        color: #333333;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.4;
        height: 140px;
        width: 190px;
        overflow: hidden;
        position: relative;
    }
    .listView .list_block .photo .area{
        background: rgba(93,93,93,0.8);
        position: absolute;
        bottom: 0;
        height: 30px;
        color: #FFFFFF;
        text-align: center;
        line-height: 30px;
        width: 100%;
    }
    .listView .list_block .photo img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          height: auto;
   }
    .listView .list_block dl{
        width: 570px;
        position: absolute;
        left: 210px;
        top: 15px;
        font-size: 0;
    }
    .listView .list_block dt{
        display: inline-block;
        font-size: 1.4rem;
        vertical-align: top;
        width: 15%;
    }
    .listView .list_block dd{
        display: inline-block;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.3;
        width: 35%;
        vertical-align: top;
    }
    .listView .list_block .aboutList{
        position: absolute;
        right: 10px;
        top: 30px;
        width: 220px;
    }
    .listView .list_block .aboutList ul {
        display: table;
        table-layout: fixed;
        text-align: center;
        width: 100%;
        border-spacing:2px 0;
    }
    .listView .list_block .aboutList li {
        display: table-cell;
        vertical-align: middle;
        color: #276d7a;
        font-size: 1.2rem;
        padding: 0.3rem 0;
        border: 2px solid #276d7a;
        margin-right: 2px;
    }
    .listView .list_block h3{
        background: #333333;
        color: #FFFFFF;
        font-size: 1.8rem;
        font-weight: 700;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        position: absolute;
        width: 810px;
        bottom: 0;
        left: 190px;
        text-indent: 2.0rem
    }
    .listView .list_block h3 span{
        color: #FFF100;
    }
    .listView .list_block .button {
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        height: 36px;
        width: 20%;
        margin-right: auto;
        margin-left: auto;
        position: absolute;
        right: 10px;
        margin: auto;
        bottom: 10px;
    }
    .listView .list_block .button a {
        line-height: 31px;
        background: #FFFFFF;
        color: #276d7a;
        text-align: left;
        text-indent: 2.5rem;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
    }
    .listView .list_block .button a:hover {
      background-color: #276d7a;
      color: #FFFFFF;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
    }
    .listView .list_block .arrowNext a:before {
        background: #276d7a;
    }
    .listView .list_block .arrowNext a:after {
        background: #FFFFFF;
    }
    .listView .list_block .arrowNext a:hover:before {
        background: #FFFFFF;
    }
    .listView .list_block .arrowNext a:hover:after {
        background: #276d7a;
    }
    .listView .list_block .reserve{
        background: rgba(93,93,93,0.7);
        background-blend-mode: multiply;
        position: relative;
        width: 100%;
        height: 110px;
    }
    .listView .list_block .reserve p{
        color: #FFFFFF;
        position: absolute;
        font-size: 2.2rem;
        width: 100%;
        top: 72%;
    }
    .listView .list_block .reserve p{
        color: #FFFFFF;
        position: absolute;
        font-size: 2.0rem;
        width: 100%;
        top: 70%;
    }
    .listView .list_block .contracted{
        background: rgba(93,93,93,0.7);
        position: relative;
        width: 100%;
        height: 110px;
    }
    .listView .list_block .contracted p{
        color: #FFF100;
        position: absolute;
        font-size: 2.2rem;
        width: 100%;
        top: 35%;
    }
    .listView .list_block .contracted p span{
        font-size: 1.4rem;
        display: block;
    }
    .listView .list_block .backOrdered p{
        color: #333333;
        position: absolute;
        font-size: 2.2rem;
        width: 100%;
        top: 52%;
    }
    .listView .list_block .fa_agreement{
        background: url(../img/agreement.png) no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 45px;
        top: 20%;
        left: 42%;
    }
    .listView .list_block .fa_truck{
        background: url(../img/truck.png) no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 61px;
        height: 47px;
        top: 15%;
        left: 35%;
    }
    hr{
        border-top: 5px solid #333333;
        padding-top: 20px;
        border-bottom: none;
        border-right: none;
        border-left: none;
    }
    .tel_area {
        position: absolute;
        right: 35px;
        top: 35px;
        z-index: 1;
    }
}


/*------------------------------
	SP
------------------------------*/
@media screen and (max-width:767px){
    .section1{
        padding-top: 3vw;
        padding-bottom: 5vw;

    }
    .section1 h2{
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 6vw;
        color: #FFFFFF;
        text-align: center;
    }
    .section1 .txt{
        color: #FFFFFF;
        text-align: center;
        padding-bottom: 2vw;
        padding-right: 3%;
        padding-left: 3%;
    }
    .section1 .pickup{
        width: 94%;
        margin-right: auto;
        margin-left: auto;
        clear: both;
    }
    .section1 .pickup h3{
	    width:94%;
        text-align: center;
        color: #FFFFFF;
        font-size: 4.5vw;
        font-family: 'Roboto Condensed', sans-serif;
        padding-bottom: 1.0rem;
    }
    .section1 .pickup dl{
        width: 49%;
        margin-right: 2%;
        float: left;
        margin-bottom: 5vw;
    }
    .section1 .pickup dl:nth-last-child(1) {
        margin-right: 0;
    }
    .section1 .pickup dt{
        background: #CECECE;
        text-align: center;
        color: #F61A0B;
        font-size: 4vw;
        font-weight: 700;
        line-height: 1.4;
        height: 34vw;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .section1 .pickup dt p{
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          height: auto;
    }
    .section1 .pickup dt img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          height: auto;
   }
    .section1 .pickup dd{
        background: #FFFFFF;
        padding-top: 2vw;
        padding-bottom: 2vw;
        padding-left: 2vw;
        font-size: 3.2vw;
    }
    
    
    /* slick_dots */
button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.slide-dots {
  text-align: center;
}
.slide-dots li {
  display: inline-block;
  margin: 0 15px;
}
.slide-dots li button {
  position: relative;
  text-indent: -9999px;
}
.slide-dots li button:before {
  content: '○';
  font-size: 12px;
  text-indent: -23px;
  position: absolute;
  top: 0;
  left: 0;
  color:#fff;
}
.slide-dots li.slick-active button:before {
  content: '●';
  color:#fff;
}
    
    
    
    
    
    .section1 .pickup dd .button {
        width: 93%;
        height: 35px;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        margin-top: 1.0rem;
        margin-right: auto;

    }
    .section1 .pickup dd .button a {
        font-size: 3.2vw;
        line-height: 2.6;
        text-align: left;
        text-indent: 2em;
    }
    .section1 .pickup dd .button a:hover {
      background-color: #FFFFFF;
      color: #276d7a;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
    }
    .category_wrap{width:100%; margin:3em auto;}
    .cat_area{
         overflow:hidden;
         display:table;
         margin:0;
        width: 100%;
     }

    .cat_area li{
    width:19.2%; line-height: 4; display:inline-block; padding:0; color:#444444; background:#E4E4E4; text-align:center; font-size:3vw; cursor:pointer; transition:ease 0.2s opacity;font-weight: 700; margin-right: 1%; vertical-align: middle; height: auto;
     }
   /* .cat_area li:nth-of-type(3){
        padding-top: 1.2em;
        padding-bottom: 0.2em;
    }
    .cat_area li:nth-of-type(5){
        margin-right: 0;
    }*/
    .cat_area li.select{
         background-color:#276d7a; 
        color: #FFFFFF;
     }
    .hide{
        display:none;
        }
    .requirements_btn{
        width: 50%;
        cursor:pointer;
        color: #FFFFFF;
        font-weight: 700;
        background: #276d7a;
        line-height: 3;
        text-align: center;
        border: 3px solid #276d7a;
        font-size: 2.8vw;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 3%;
    }
    .requirements_btn.open{
        color: #276d7a;
        background: #FFFFFF;
    }
    .pageNav{
        width: 94%;
    }
    .pageNav ul{
        zoom: 1;
        overflow: hidden;
        background: #FFFFFF;
        text-align: right;
    }
    .panelNavArea{
        width: 94%;
        margin-right: auto;
        margin-left: auto;
    }
    .pageNav li {
        display:inline-block; 
        zoom:1;
    }
    .pageNav li span,
    .pageNav li a {
        float: left;
        padding: 5px 12px;
        background: #FFFFFF;
        border: 1px solid #276d7a;
        color: #276d7a;
        text-decoration: none;
        border-radius: 3px; 
    }
    .pageNav li span {
        background: #276d7a;
        color: #FFFFFF;
    }
    .pageNav li a:hover {
        background: #276d7a;
        border-color: #276d7a;
        color: #FFFFFF;
    }
    .inventoryTit{
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 4.0vw;
    }
    .inventoryTit span{
        font-size: 3.0vw;
        display: block;
    }
    .search_cate{
        font-size: 0;
        margin-top: 20px;
    }
    .search_cate li{
        font-size: 0;
        display: inline-block;
        margin-right: 0.5%;
        margin-bottom: 1px;
        width: 33%;
    }
    .search_cate li:nth-child(3n){
        margin-right: 0;
    }
    .sub_search{
        margin-top: 3vw;
    }
    .sub_search dt,.sub_search dd{

        margin-bottom: 10px;
    }
    .sub_search dt{
        font-weight: 700;
    }
    .sub_search dd label{
        width: 48%;
        display: inline-block;
    }
    .search_num{
        display: block;
        font-size: 3vw;
        font-weight: 700;
        vertical-align: middle;
    }
    .search_num span{
        font-size: 6vw;
        padding-right: 1em;
        padding-left: 1em;
    }
    .search_button{
        vertical-align: middle;
        margin-left: 0;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    .search_button input{
        width: 49%;
        text-align: center;
    }
    .panelNavArea{
        display: block;
        clear: both;
        padding-top: 2vw;
    }
    #tabcontent{
        clear: both;
    }
    #tab01,#tab02{
        display: none;
    }
    #tabnavi{
        margin-left:3%;
        height: 50px;
    }
    #tabnavi li{
        display: inline-block;
    }
    .gritView{
        width: 94%;
        margin-right: auto;
        margin-left: auto;
    }
    
    .gritView .list_block{
        display: inline-block;
        font-size: 0;
        width: 48%;
        margin-right: 1%;
        margin-bottom: 50px;
        background: #F3F3F3;
        border: 1px solid #D2D6DA;
        padding-bottom: 2.0rem;
        position: relative;
    }
    .gritView .list_block:nth-of-type(2n) {
        margin-right: 0;
    }
    .gritView .list_block h3{
        background: #333333;
        color: #FFFFFF;
        text-align: center;
        font-size: 2.0vw;
        font-weight: 700;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .gritView .list_block h3 span{
        color: #FFF100;
    }
    .gritView .list_block .aboutList{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .gritView .list_block .aboutList ul {
        display: table;
        table-layout: fixed;
        text-align: center;
        width: 100%;
        border-spacing:2px 0;
    }
    .gritView .list_block .aboutList li {
        display: table-cell;
        vertical-align: middle;
        color: #276d7a;
        font-size: 2.0vw;
        padding: 0.3rem 0;
        border: 2px solid #276d7a;
        margin-right: 2px;
    }
    .gritView .list_block .photo{
        text-align: center;
        color: #333333;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.4;
        height: 35vw;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .gritView .list_block .photo p.text{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
    }
    .gritView .list_block .photo .area{
        background: rgba(93,93,93,0.8);
        position: absolute;
        bottom: 0;
        height: 8vw;
        color: #FFFFFF;
        text-align: center;
        line-height: 8vw;
        width: 100%;
        font-size: 3vw;
    }
    .gritView .list_block .photo img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: auto;
          height: 100%;
   }
    .gritView .list_block dl{
        width: 94%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 1.0rem;
    }
    .gritView .list_block dt{
        width: 38%;
        float: left;
        font-size: 2.2vw;
        vertical-align: middle;
    }
    .gritView .list_block dd{
        width: 62%;
        float: left;
        font-size: 2.2vw;
        font-weight: 700;
        line-height: 1.3;
    }
    .gritView .list_block .button {
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        height: 8vw;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        position: absolute;
        right: 0;
        left:0;
        margin: auto;
        bottom: -20px;
    }
    .gritView .list_block .button a {
        line-height: 8vw;
        font-size: 3.0vw;
    }
    .gritView .list_block .button a:hover {
      background-color: #FFFFFF;
      color: #276d7a;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
    }
    .gritView .list_block .reserve{
        background: rgba(93,93,93,0.7);
        background-blend-mode: multiply;
        position: relative;
        width: 100%;
        height: 28vw;
    }
    .gritView .list_block .fa_agreement{
        background: url(../img/agreement.png) no-repeat;
        position: absolute;
        left: 50%;
        width: 10vw;
        height: 12vw;
        top: 18%;
        left: 42%;
    }
    .gritView .list_block .fa_truck{
        background: url(../img/truck.png) no-repeat;
        position: absolute;
        left: 50%;
        width: 15vw;
        height: 12vw;
        top: 12%;
        left: 34%;
    }
    .gritView .list_block .reserve p{
        color: #FFFFFF;
        position: absolute;
        font-size: 4vw;
        width: 100%;
        top: 65%;
    }
    .gritView .list_block .contracted{
        background: rgba(93,93,93,0.7);
        position: relative;
        width: 100%;
        height: 28vw;
    }
    .gritView .list_block .contracted p{
        color: #FFF100;
        position: absolute;
        font-size: 4vw;
        width: 100%;
        top: 40%;
    }
    .gritView .list_block .contracted p span{
        font-size: 2.8vw;
        display: block;
    }
    .gritView .list_block .backOrdered p{
        color: #333333;
        position: absolute;
        font-size: 4vw;
        width: 100%;
        top: 50%;
    }
    .listView .list_block{
        width: 94%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 2rem;
        background: #F3F3F3;
        border: 1px solid #D2D6DA;
        position: relative;
    }
    .listView .list_block .photo{
        text-align: center;
        color: #333333;
        font-size: 2.6vw;
        font-weight: 700;
        line-height: 1.2;
        min-height: 42vw;
        width: 50%;
        overflow: hidden;
        position: relative;
    }
    .listView .list_block .photo .area{
        background: rgba(93,93,93,0.8);
        position: absolute;
        bottom: 6vw;
        height: 6vw;
        color: #FFFFFF;
        text-align: center;
        line-height: 6vw;
        width: 100%;
    }
    .listView .list_block .photo img {
          position: absolute;
          top: 40%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 110%;
          height: auto;
   }
    .listView .list_block dl{
        width: 48%;
        position: absolute;
        left: 52%;
        top: 4vw;
        font-size: 0;
        
    }
    .listView .list_block dt{
        display: inline-block;
        font-size: 2.8vw;
        vertical-align: top;
        width: 35%;
    }
    .listView .list_block dd{
        display: inline-block;
        font-size: 2.8vw;
        font-weight: 700;
        /*line-height: 1.1;*/
        width: 65%;
        vertical-align: top;
    }
    .listView .list_block .aboutList{
        position: absolute;
        left: 0;
        z-index: 1;
        width: 55%;
        left: 50%;
        top: -3.5vw;
    }
    
    .listView .list_block .aboutList ul {
        display: table;
        table-layout: fixed;
        text-align: center;
        width: 80%;
        border-spacing:2px 0;
    }
    .listView .list_block .aboutList li {
        display: table-cell;
        vertical-align: middle;
        color: #276d7a;
        font-size: 2.4vw;
        padding: 0.1rem 0;
        border: 2px solid #276d7a;
        margin-right: 2px;
        background: #FFFFFF;
    }
    .listView .list_block h3{
        background: #333333;
        color: #FFFFFF;
        font-size: 2.8vw;
        font-weight: 700;
        position: absolute;
        left: 0%;
        bottom: 0;
        text-indent: 1.0rem;
        width: 100%;
        height: 6vw;
        line-height: 6vw;
        z-index: 1;
    }
    .listView .list_block h3 span{
        color: #FFF100;
    }
    .listView .list_block .button {
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        height: 6vw;
        width: 30%;
        margin-right: auto;
        margin-left: auto;
        position: absolute;
        right: 1%;
        margin: auto;
        bottom: 4%;
    }
    .listView .list_block .button a {
        line-height: 2;
        background: #FFFFFF;
        color: #276d7a;
        text-align: left;
        text-indent: 1.0em;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        font-size: 2.6vw;
    }
    .listView .list_block .button a:hover {
      background-color: #276d7a;
      color: #FFFFFF;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
    }
    .listView .list_block .arrowNext a:before {
        background: #276d7a;
    }
    .listView .list_block .arrowNext a:after {
        background: #FFFFFF;
    }
    .listView .list_block .arrowNext a:hover:before {
        background: #FFFFFF;
    }
    .listView .list_block .arrowNext a:hover:after {
        background: #276d7a;
    }
    .listView .list_block .reserve{
        background: rgba(93,93,93,0.7);
        background-blend-mode: multiply;
        position: relative;
        width: 100%;
        height: 29vw;
    }
    .listView .list_block .reserve p{
        color: #FFFFFF;
        position: absolute;
        font-size: 3.0vw;
        width: 100%;
        top: 72%;
    }
    .listView .list_block .reserve p{
        color: #FFFFFF;
        position: absolute;
        font-size: 3.2vw;
        width: 100%;
        top: 70%;
    }
    .listView .list_block .contracted{
        background: rgba(93,93,93,0.7);
        position: relative;
        width: 100%;
        height: 110px;
    }
    .listView .list_block .contracted p{
        color: #FFF100;
        position: absolute;
        font-size: 3.2vw;
        width: 100%;
        top: 35%;
    }
    .listView .list_block .contracted p span{
        font-size: 2.4vw;
        display: block;
    }
    .listView .list_block .backOrdered p{
        color: #333333;
        position: absolute;
        font-size: 4vw;
        width: 100%;
        top: 52%;
    }
    .listView .list_block .fa_agreement{
        background: url(../img/agreement.png) no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10vw;
        height: 12vw;
        top: 20%;
        left: 42%;
    }
    .listView .list_block .fa_truck{
        background: url(../img/truck.png) no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 14vw;
        height: 12vw;
        top: 15%;
        left: 35%;
    }
    hr{
        border-top: 5px solid #333333;
        padding-top: 20px;
        border-bottom: none;
        border-right: none;
        border-left: none;
    }
    .tel_area {
        position:absolute;
        right:10px;
        top:15px;
    }
    .tel_area img{
        width:120px;
    }
    
    }