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

       .eye-catch {
         background-position: center center;
         background-image: url("../img/head-back-sp.jpg");
         background-repeat: no-repeat;
         background-size: cover;
         min-height: 250px;

   }

   .eye-catch-img {
     position: center center;
     text-align: center;
   }

   /* .catch-text {
     margin-top: 20px;
     position: relative;
     border: 4px solid #f15c5c;
     padding: 10px 15px;
     width: 380px;
     height: 380px;
     max-width: 100%;
     max-height: 100%
     border-radius: 50% 50%;
     left:0;
     right: 0;
      }

   .catch-text-inner {
     position: absolute;
     width: 260px;
     margin: auto;
     top: 30px;
     left: 0;
     right: 0;
   } */
 }


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

body { width: 99%;
  margin: auto;
}

h1 {font-size: 18px;
    color: #f15c5c;
  text-align: center;
  margin: 20px;
  margin-top: 60px;
}

h2 {clear: both;
    padding-left: 5px;
    font-size: 16px;
   }

h3 {clear: both;
   border-left: 5px solid #f15c5c;
   padding-left: 5px;
  }

p,li,th,td,dd,dt,caption {font-size: 13px;
                          letter-spacing: 1.1;}

ul,ol,li {padding: 0;
       margin: 0;}

    li {list-style-type: none;}
    dt{font-weight: bold;}



/*contact*/
.contact-bt {width: 300px;
             max-width: 100%;
             height: auto;
             text-align: center;
           font-size: 1.2em;
         margin: auto;}

.contact-bt a {display: block;
               padding: 10px;
               margin: auto;
               font-weight: bold;
              text-decoration: none;
              color: #fff;
              background-color: #FFBC42;
             border-radius: 8px;
             box-shadow: 5px 5px #C16200;}

.fixed-contact .fixed-tel  {
  font-size: 1em;
}
.rec-time {
  font-size: 9px;
}

.form-btn {
  margin-left: 0;
  margin: auto;
  margin-top: 10px;
  padding: 5px;
  font-size: 0.8em;
  max-width: 200px;
}
.footer-come {
  display: none;
}

.contact-box .tel {
  font-size: 20px;
}




#contents {width: 99%;
           height: auto;
           margin: auto;}

  #head {}

  #gnavi {position: fixed;
     top: 0;
     left:0;
}
    #gnavi ul { display: table;
      table-layout: fixed;
      text-align: center;
      width: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
       top: 0;
       left:0;
       background-color: #fff;
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;

               }


      #gnavi li {margin: 0;
                 padding: 0;
                 width: 25%;
                 height: auto;
                 display: table-cell;
                  vertical-align: middle;
                 text-align: center;
                 list-style-type: none;
                 color: #fff;
                 font-weight: bold;
               background-color: #f15c5c;
               -moz-box-sizing:border-box;
                 -o-box-sizing:border-box;
                -ms-box-sizing:border-box;
                    box-sizing:border-box;}

       #gnavi li a { display: block;
                    font-size: 10px;
                    padding: 8px;
                    text-decoration: none;
                     color: #fff;
                     border-right: 1px solid #000;
                     -webkit-box-sizing:border-box;
                  -moz-box-sizing:border-box;
                    -o-box-sizing:border-box;
                   -ms-box-sizing:border-box;
                       box-sizing:border-box;
                   }



#main-content { float: none;
                width: 98%;
                height: auto;
                margin: auto;
                }

#menu{ float: none;
      width: 100%;
      height: auto;
      margin-top: 10px;
      }

  .menu-block {border-top: 10px solid #f15c5c;
               border-radius: 10px;}

           .menu-block ul li {
text-align: center;          }

           .menu-block ul li a { text-align: center;}

   #footer {clear: both;;
              padding: 10px;
            width: 100%;
            height: auto;
             margin: auto;
             background: #f15c5c;
             text-align: center;
             color: #fff;
             -webkit-box-sizing:border-box;
              -moz-box-sizing:border-box;
              -o-box-sizing:border-box;
             -ms-box-sizing:border-box;
               box-sizing:border-box;}


/************
list-2
*************/
                               ul.line2 {
                               width: 100%;
                               height: auto;
                               margin: 0;
                               padding: 0;
                               }

                               ul.line2 li {
                                text-align: center;
                               width: 46%;
                               display: block;
                               float: left;
                               padding: 1%;
                               border: 2px solid #eee;
                               margin: 1%;
                                -webkit-box-sizing:border-box;
                                      -moz-box-sizing:border-box;
                                        -o-box-sizing:border-box;
                                       -ms-box-sizing:border-box;
                                           box-sizing:border-box;

                               }

                               ul.line2 li:nth-child(odd) {
                               clear: both;
                               }


                               ul.line2 li img {
                               max-width: 100%;
                               height: auto;
                               margin: auto;
                               }

                               ul.line2 li a {text-decoration: none;
                                              color: #000;
                                             display: block;}



/*table*/
table {width: 96%;
       height: auto;
       margin: auto;
     margin-top: 20px;
     margin-bottom: 10px;}

     th {background-color: #eee;
       　width: 35%;
           height: auto;
         text-align: left;
       padding: 10px;
       -webkit-box-sizing:border-box;
             -moz-box-sizing:border-box;
               -o-box-sizing:border-box;
              -ms-box-sizing:border-box;
                  box-sizing:border-box;
}

     td {width: 65%;
         height: auto;}


table.cost th {background-color: #eee;
             width: 40%;
             height: auto;
           }

           table.cost td:nth-child(even) {width: 20%;
                                         text-align: center;}


/*******非表示***********/
.mb-dis-none {display: none;}


          /********回り込み***********/
          .al-c { text-align: center; }
          .al-r { text-align: right; }
          .al-l { text-align: left; }

          .fl-c { clear: both; }
          .fl-r { float: right; }
          .fl-l { float: left; }

          .right { float: none;}/*rwd解除*/
          .left { float: none; }/*rwd解除*/



.wm100 {max-width: 100%;
        height: auto;
        padding: 5px;
        -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
       -o-box-sizing:border-box;
      -ms-box-sizing:border-box;
          box-sizing:border-box;}

          /********-padding-***********/
          .pa0 { padding: 0; }

          .pa5 { padding: 5px; }


          .pa10 { padding: 10px; }
          .pa20 { padding: 20px; }
          .pa30 { padding: 30px; }
          .pa30 { padding: 30px; }

          ol.indent,ul.indent li {
            padding-left: 1em;
            text-indent: -1em;
          }


          /********-margin-***********/
          .ma0 { margin: 0; }

          .ma-c { margin: auto; }

          .ma5 { margin: 5px; }
          .ma5-t { margin-top: 5px; }
          .ma5-b { margin-bottom: 5px; }
          .ma5-r { margin-right: 5px; }
          .ma5-l { margin-left: 5px; }

          .ma10 { margin: 10px; }
          .ma10-t { margin-top: 10px; }
          .ma10-b { margin-bottom: 10px; }
          .ma10-r { margin-right: 10px; }
          .ma10-l { margin-left: 10px; }

          .ma20 { margin: 20px; }
          .ma30 { margin: 30px; }
          .ma30 { margin: 30px; }


  /*ボタン*/
  .bt {width: 300px;
               max-width: 100%;
               height: auto;
               text-align: center;
             font-size: 1.2em;
           margin: auto;}

  .bt a {display: block;
                 padding: 10px;
                 margin: auto;
                 font-weight: bold;
                text-decoration: none;
                color: #fff;
                background-color: #FFBC42;
               border-radius: 8px;
               box-shadow: 5px 5px #C16200;}


/*font*/
.big {font-size: 1.3em;
      font-weight: bold;}

  .red { color: red;}

  /*line*/
  .line-gray {border: 2px solid #eee;
              padding: 5px;
              margin: auto;
              margin-bottom: 15px;
              width: 95%;
              height: auto;
              overflow: auto;}

.line-red {border: 2px solid #f15c5c;
            padding: 5px;
              margin: auto;
              width: 95%;
              height: auto;
            overflow: auto;}


  /*back-color*/

  /*q&A*/
  }/*rwd*/