/*--------recruit--------*/

  .fixed-contact {
    position: fixed;
    bottom: 20px;
    right: 30px;
  }
  .contact-btn {
    display: block;
    background-color: #f9a11b;
    border: 2px solid #f9a11b;
    width: 120px;
    height: 120px;
    border: 2px solid #f9a11b;
    line-height: 120px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
  }
  .contact-btn:hover {
    background-color: #fff;
    color: #f9a11b;
  }
  .con-btn {
    display: inline-block;
  }

  .contact-box {
    clear: both;
    width: 90%;
    max-width: 800px;
    margin: 20px auto;
    padding: 15px;
    border-radius: 15px;
    background-color: rgb(245, 197, 126);
  }
  .contact-box .tel {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-size: 35px;
  }
  .contact-box .form {
    text-decoration: none;
    color: rgb(26, 115, 233);
  }
  @media screen and (min-width: 896px){
    .tel-con {
      display: none;
    }
  }
  @media screen and (max-width: 980px){
    .contact-btn {
      width: 80px;
      height: 80px;
      line-height: 80px;
      font-size: 13px;
    }
  }






html * {
  -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
   -ms-box-sizing:border-box;
       box-sizing:border-box;
}

body { width: 100%;
height: auto;
margin: auto;
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-size: 16px;
letter-spacing: 0.2em;
line-height: 1.6;
color: #615b5b;
}

h1 {font-size: 20px;
    color: #edb162;
  text-align: center;
  margin: 20px;
}

h2 {clear: both;
    background-color: #edb162;
    color: #fff;
    padding: 8px 8px 8px 15px;
    font-size: 24px;
   }

h3 {clear: both;
   border-left: 8px solid #edb162;
   padding-left: 10px;
   font-size: 18px;
  }


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

    li {list-style-type: none;
        padding-left: 1em;
      text-indent: -1em;
    }

  ul.st1 li{
    list-style-image: url(../img/list-icon1.jpg);
    padding-left: 20px;
    margin: 20px;

  }
    dt{font-weight: bold;}

  img {
    max-width: 100%;
    height: auto;
    padding: 10px;
    border-radius: 20px;
  }

  section {
    margin-top: 30px;
  }

  section:first-child {
    margin-top: -10px;
  }

/*contact*/
.contact-bt {width: 350px;
             max-width: 100%;
             height: auto;
             text-align: center;
           font-size: 1.2em;
           margin: 15px 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;}



/* #contents {width: 98%;
           height: auto;
           margin: auto;
           max-width: 1500px} */

  #head {}

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

.eye-catch-img {
  position: absolute;
  top: 30px;
  left: 50px;
}

.catch-text {
  position: absolute;
  right: 50px;
  bottom: 10px;
  border: 4px solid #edb162;
  background-color: #fff;
  padding: 10px 15px;
  width: 380px;
  height: 380px;
  border-radius: 50% 50%;
}

.catch-text-inner {
  width: 250px;
  margin: auto;
  position: absolute;
  top: 30px;
  right: 50px;;
}

  #gnavi {margin-bottom: 10px;
          position: relative;
          z-index: 999999;
          background-color: #edb162;
        }
    #gnavi ul {margin: 0 auto;
               padding: 0;
               width: 90%;
               display: flex;
               justify-content: space-around;
             }


      #gnavi li {margin: 0;
                 padding: 0;
                 width: 25%;
                 list-style-type: none;
                 padding-left: 0;
               text-indent: 0;
                  }

       #gnavi li a { display: block;
                    padding: 10px;
                    text-decoration: none;
                     color: #fff;
                     border-right: 1px solid #000;
                     background-color: #edb162;
                     text-align: center;
                   }
                   #gnavi li:first-child a{                     border-left: 1px solid #000;
 }

      #gnavi li a:hover { color: #edb162;
        background-color: #fff;
      }


             main {
               overflow: hidden;
             }

#menu-main {
  width: 95%;
  margin: auto;
  height: auto;
  max-width: 1600px;
}
#main-content { float: right;
                width: 75%;
                height: auto;
                padding-bottom: 150px;
                }

#menu{ float: left;
      width: 20%;
      height: auto;
      margin-top: 30px;
      }

  .menu-block {border-top: 10px solid #edb162;
               border-radius: 10px;
             　margin-top: 30px;}

           .menu-block ul li {
             list-style-type: none;
             border-bottom: 2px solid #eee;
           }

           .menu-block ul li a { text-decoration: none;
                                 display: block;
                               padding: 10px;
                               color: #000;}

   #footer {clear: both;;
              padding: 10px;
            width: 100%;
            height: auto;
             margin: auto;
             background: #edb162;
             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;}

  .footer-come {
    font-size: 0.7em;
  }


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

  ul.line2 li {
      text-align: center;
      width: 47%;
       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;}


/************
  list-3
  *************/
  ul.line3 {
             width: 100%;
             height: auto;
              margin: 0;
              margin-top: 20px;
              margin-bottom: 20px;
              padding: 0;
              }

    ul.line3 li {
                text-align: center;
                width: 33%;
                 display: block;
                float: left;
                 padding: 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.line3 li img {
                     max-width: 100%;
                    height: auto;
                    margin: auto;
                    }


ul.ma10 li {
  margin: 10px;
}
ul.st01 {
  margin: 1rem 0; /* 枠の外の余白 */
   padding: 1rem 1.5rem; /* 枠の中から文字までの余白 */
   color:#615b5b; /* 文字色 */
   border-radius:10px; /* 枠の角を丸くする */
}
ul.st01 li {
  list-style: none;
  margin-bottom: 15px;
}
ul.st01 li::before {
    content: '・'; /* リストのスタイルを＊にします */
    color: #EEB1C0; /* リストのスタイルの色をピンクに */
    padding-right: 5px;/* リストの番号と文字の間に隙間をあける */
}


/*table*/
table {width: 96%;
       height: auto;
       margin: auto;
     margin-top: 20px;
     margin-bottom: 10px;
   max-width: 1000px;
 margin: 20px auto;
 border-collapse: collapse;
 border: 1px solid rgb(124, 123, 119);
}

     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: #f7f4f4;
             width: 40%;
             height: auto;
           }
table.cost th,table.cost td {
  border: 1px solid rgb(124, 123, 119);

}

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

table.choose-ac tr:nth-child(odd) {background-color: #aaa;}

table.choose-ac td {width: 14%;
                    height: auto;
                    padding: 8px;
                    text-align: center;
               -webkit-box-sizing:border-box;
             -moz-box-sizing:border-box;
               -o-box-sizing:border-box;
              -ms-box-sizing:border-box;
                  box-sizing:border-box;
}
table.conpany th,table.conpany td{
  padding: 10px;
}



          /********回り込み***********/
          .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: right; }/*rwd解除*/
          .left { float: left; }/*rwd解除*/

          .overtext {
            overflow: auto;
            padding: 10px;
          }



          /********-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: 350px;
               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;}

.btn-01 {
  font-size: 12px;
  color: #C16200;
  padding: 10px;
  border-radius: 20px;
  border: 2px solid #C16200;
  display: block;
  text-decoration: none;
  text-align: center;
  width: 90%;
  max-width: 300px;
  margin: auto;
}

.btn-01:hover {
  color: #fff;
  background-color: #f2ab0b;
}



/*font*/
.big {font-size: 1.1em;
      font-weight: bold;}
.small {
  font-size: 0.85em;
}

  .red { color: red;}
  .red2 {
    color: #edb162;
  }
  .bold {font-weight: bold;}

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

.line-aqua {border: 4px solid #30a9de;
            padding: 5px;
            margin: auto;
            margin-bottom: 15px;
            width: 95%;
            height: auto;
            overflow: auto;
            }

.line-ye {border: 3px solid #fcbe32;
          overflow: hidden;
        margin: 15px;
      padding: 10px;
    border-radius: 15px;}

  .line-ye-b {background: linear-gradient(transparent 50%, #f5f6bb 50%);}


.double-red {border: 4px double #F16B6F;
            padding: 10px;}

.double-black {border: 4px double #000;
              padding: 10px;}


.line-red {border: 2px solid #edb162;
            padding: 10px;
              margin: 10px auto;
              width: 90%;
              height: auto;
            overflow: auto;
            border-radius: 15px;
          }




  /*back-color*/
 .back-ye { background-color: #f5f6dc;
           padding: 10px;
           width: 95%;
           height: auto;
           margin: auto;
           margin-bottom: 10px;
           border-radius: 10px;
           overflow: hidden;
}

.back-aqua { background-color: #30a9de;
          padding: 10px;
          width: 90%;
          height: auto;
          margin: auto;
          margin-bottom: 10px;
          border-radius: 10px;
          overflow: hidden;
}

.back-eee { background-color: #eee;
          padding: 10px;
          width: 90%;
          height: auto;
          margin: auto;
          margin-bottom: 10px;
          border-radius: 10px;
          overflow: hidden;
}


  /*q&A*/
.question dt::before {
  content: "Q";
  color: #4F86C6;
  font-size: 1.2em;
  padding-right: 10px;
}
.question dt {
  margin-top: 25px;
  padding-left: 1em;
  text-indent: -1em;
}

.question dd::before {
  content: "A";
  color: #F16B6F;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 15px;
}

.question dd {
  padding: 5px 10px 10px 10px;
}

.faq-list {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.faq-item {
  margin-left: 10px;
}
/*------------flow-----------  */
.flow_design01 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow_design01 ul {
  padding: 0;
}

.flow_design01 li {
  list-style-type: none;
}

.flow_design01 dd {
  margin-left: 0;
}

.flow01 > li {
  position: relative;
  list-style: none;
}

.flow01 > li:not(:last-child) {
  margin-bottom: 40px;
}

.flow01 > li dl {
  box-sizing: border-box;
  width: 100%;
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #f6a84f;
  border-radius: 10px;
  position: relative;
}

.flow01 > li:not(:last-child) dl::before,
.flow01 > li:not(:last-child) dl::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flow01 > li:not(:last-child) dl::before {
  border-width: 22px;
  border-top-color: #f6a84f;
}

.flow01 > li:not(:last-child) dl::after {
  border-width: 20px;
  border-top-color: #fff;
}

.flow01 > li dl dt {
  font-size: 1.2em;
  font-weight: 600;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-right: 2vw;
  text-align: center;
}

.flow01 > li dl dt .icon01 {
  font-size: 0.6em;
  color: #fff;
  background: #f6a84f;
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
  position: relative;
  z-index: 100;
}

@media(max-width: 650px) {
  .flow01 > li:not(:last-child) {
    margin-bottom: 30px;
  }

  .flow01 > li dl {
    display: block;
    padding: 10px 15px;
  }

  .flow01 > li dl dt {
    margin-right: 0;
  }

  .flow01 > li dl dt .icon01 {
    font-size: .7em;
  }
}
  /*  コメント*/

  .coment {position: relative;}
  .coment .text-area {background: #eee;
                     border-radius: 10px;}



/*-----------voice------------  */
.voice-box {
  max-width: 1000px;
  clear: both;
  margin: 20px auto;
}
.voice-box .human-icon {
  float: left;
  width: 100px;
  height: 100px;
}
.voice-box .real-voice {
  padding-left: 20px;
  overflow: auto;
}