@charset "UTF-8";

  /* common */
/* ============================================ */

section{
    float: none;
    clear: both;
    overflow: hidden;
}

.wapper{
    padding: 0 5%;
    margin: 0 auto;
    max-width: 1100px;
}

.fc13{
    font-size: 130%;
    font-weight: bold;
    text-align: center;
}

.mt30{
    margin-top: 30px;
}

.mt100{
    margin-top: 100px;
}

.mb15{
    margin-bottom: 15px;
}
.mb30{
    margin-bottom: 30px;
}


.ptb30{
    padding-top: 30px;
    padding-bottom: 30px;
}

.ptb50{
    padding-top: 50px;
    padding-bottom: 50px;
}



  /*  top_img */
/* ============================================ */
@media only screen and (min-width: 767px) {
.top_img{
   display: flex;
   flex-direction:row-reverse;
}
}



.wapper_top{
    padding: 0 5%;
    margin: 0 auto;
    max-width: 1000px;
}
.top_top{
    font-size: 150%;
    text-align:center;
    font-weight: bold;
}

.left_img{
    padding-top: 20px;
}

.top_point{
    margin: 15px 0;
}


.top_point li{
    display: flex;
    margin-bottom: 15px;
    
}


.top_point li img{
    width: 35px;
}


.top_point li p{
    font-size: 120%;
    font-weight: bold;
    margin-left: 10px;
    border-bottom: 2px #767676 dotted;
    padding-top: 5px;
    width: 100%;
}

.top_contact_info{
    font-size: 100%;
    font-weight: bold;
    margin-top: 30px;
}

.f120{
    font-size: 130%;
    font-weight: bold;
}

.top_contact_info span{
    font-size: 85%;
    display: block;
    margin-bottom: 15px;
}

.c-btn {
  cursor: pointer;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
 
.c-btn {
  background: #C30E23;
  border: 2px solid #C30E23;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-weight: bold;
  max-width: 300px;
  padding: 15px 40px;
  text-align: center;
}

.c-btn:hover {
    background: #fff;
    color: #C30E23;
  }
   

  /* main */
/* ============================================ */

.content_area{
    margin-top: 50px;
}
.ba_c01{
background-color: #F6F6F6;
}

@media only screen and (min-width: 767px) {
    .boxsize_li {
       display: flex;
    }
}



.boxsize_li li{
    margin-bottom: 30px;
}

.box_info{
    text-align: center;
    font-size: 80%;
}

.boxname{
    font-size: 130%;
    font-weight: bold;
    margin-top: 10px;
}

.b_set_c{
    text-align: center;
    margin: 30px auto 30px;
    max-width: 300px;
}

.fc13 > span{
    text-align: center;
    font-size: 70%;
    display: block;
}

.point_box {
    margin-top: 60px;
}

@media only screen and (min-width: 767px) {
    .point_box {
        display: flex;
    }
}



.point_box  li{
    background-color: #F6F6F6;
    border-radius: 20px;
    height: 250px;
    margin-bottom: 60px;
    margin-left: 20px;
}


@media only screen and (min-width: 767px) {
    .point_box  li{
         width: 30%;
         margin-right: 5%;
         margin-left: 0px;
}

.point_box  li:last-child{
    margin-right: 0%;
}
}


.point_cc{
    position: absolute;
}

.po_nu{
    width: 100px;
    position: relative;
    top: -30px;
    left: -20px;
}

.po_img{
    width: 60%;
    margin-left: 10%;
    margin-right: 15%;
    position: relative;
    top: -80px;
}

.point_box p{
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    position: relative;
    top: -70px;
    width: 300px;
}


  /* 料金表 */
/* ============================================ */

 .tbl-r05{
    width: 100%;
    text-align: center;
 }
 .tbl-r05 th {
    background: #473F38;
    border: solid 1px #ccc;
    color: #fff;
    padding: 10px;
  }
  .tbl-r05 td {
    border: solid 1px #ccc;
    padding: 10px;
  }
.tbl-r05 td:first-child {
    background: #E5E8EC;
  }
  @media screen and (max-width: 640px) {
    .tbl-r05 {
      width: 100%;
    }
    .tbl-r05 .thead {
      display: none;
    }
    .tbl-r05 tr {
      width: 100%;
    }
    .tbl-r05 td {
      display: block;
      text-align: right;
      width: 100%;
    }
    .tbl-r05 td:first-child {
      background: #473F38;
      color: #fff;
      font-weight: bold;
      text-align: center;
    }
    .tbl-r05 td:before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      margin-right: 10px;
    }
  }
   
  

  .caution{
    margin-top: 15px;
    font-size: 90％;
  }

  .caution li{
    text-indent: -1em;
  padding-left: 1em;
  }
  
  .fc{
    text-align: center;
  }

  /* Google Mapを囲う要素 */
.map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%; /* 比率を4:3に固定 */
    margin-top: 30px;
  }
   
  /* Google Mapのiframe */
  .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }



  .banner_nn li{
    width: 47%;
    float: left;
    margin-right: 5%;
    margin-bottom: 30px;
  }
  
  
  .banner_nn li:nth-child(even){
    margin-right: 0%;
    margin-bottom: 30px;
  }
  
  @media (min-width: 800px) {
    .banner_nn{
      margin-top: 0px;
    }
  
    .banner_nn li{
      width: 22.5%;
      float: left;
      margin-right: 3%;
      margin-bottom: 30px;
    }
    .banner_nn li:nth-child(even){
      margin-right: 3%;
      margin-bottom: 30px;
    }
  
    .banner_nn li:nth-child(4n){
      margin-right: 0%;
      margin-bottom: 30px;
    }
  }


  footer{
    text-align: center;
  }

  footer img{
    width: 250px;
  }


  address{
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .mt50{
    margin-top: 50px;
  }