/* XS */
.headImg {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-image: url("../img/furotomo/headImg-sp.jpg");
  background-size: cover;
  margin: 0 auto;
  margin-bottom: 44.37%;
}

.headImg .headtxt-outer {
  position: absolute;
  top: 54.37%;
  width: 100%;
  padding-left: 6.25%;
  padding-right: 6.25%;
}

.headImg .headtxt-outer .headtxt {
  width: 100%;
  padding-top: 93.9%;
  background-image: url("../img/furotomo/headLogo.png");
  background-size: contain;
}

.main {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.midashi {
  width: 100%;
  margin: 0 auto;
}

.midashi h3 {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  margin-bottom: 32px;
}

.mtxt1 h3 {
  background-image: url("../img/furotomo/mtxt1.png");
  padding-top: 16.36%;
}

.mtxt2 h3 {
  background-image: url("../img/furotomo/20200130/mtxt2.png");
  padding-top: 33.04%;
}

.mtxt3 h3 {
  background-image: url("../img/furotomo/mtxt3.png");
  padding-top: 9.05%;
}

.mtxt4 {
  max-width: 166px;
}

.mtxt4 h3 {
  background-image: url("../img/furotomo/osusume.png");
  padding-top: 11.58%;
  margin-bottom: 7px;
}

.row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.row202001-1 {
  width: 100%;
  margin-bottom: 14px;
}

.row202001-1 .txt {
  margin-bottom: 14px;
}

.row202001-1 .txt .mtxt202001-1 {
  margin-bottom: 10px;
}

.row202001-1 .txt .mtxt202001-1 h3 {
  background-image: url("/img/furotomo/20200130/mtxt1.png");
  padding-top: 15.35%;
  margin-bottom: 0;
}

.row202001-1 .photo {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.row202001-2 {
  width: 100%;
  margin-bottom: 41px;
}

.row202001-2 .txt {
  margin-bottom: 14px;
}

.row202001-2 .photo {
  width: 67.14%;
  margin-left: auto;
  margin-right: auto;
}

.row202001-3 {
  width: 100%;
  margin-bottom: 72px;
}

.row202001-3 .txt {
  margin-bottom: 20px;
}

.row202001-3 .txt .mtxt202001-3 {
  margin-bottom: 10px;
}

.row202001-3 .txt .mtxt202001-3 h3 {
  background-image: url("/img/furotomo/20200130/mtxt3.png");
  padding-top: 19.95%;
  margin-bottom: 0;
}

.row202001-3 .photo {
  width: 53.92%;
  margin-left: auto;
  margin-right: auto;
}

.p1-1 {
  width: 100%;
  margin-bottom: 29px;
}

.p1-2 {
  width: 100%;
  margin-bottom: 29px;
}

.row2 {
  width: 50%;
  margin: 0 auto;
}

.row2 div {
  margin-bottom: 11px;
}

p {
  font-size: 12px;
}

p.txt1 {
  margin-bottom: 27px;
}

.section3 li {
  width: 100%;
}

.section3 li .lbox {
  width: 100%;
  margin-bottom: 24px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.section3 li .rbox {
  text-align: center;
  width: 100%;
  margin-bottom: 12px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.section3 li .rbox h4 {
  color: #00a199;
  font-size: 18px;
  font-weight: bold;
}

.section3 li .rbox p {
  font-size: 12px;
}

.section4 {
  margin-bottom: 78px;
  text-align: center;
}

.section4 .headtxt {
  text-align: center;
  margin-bottom: 28px;
}

.section4 .headtxt .txt2-brown {
  color: #8c6239;
  font-weight: bold;
}

.section4 h3 {
  color: #595757;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  width: 100%;
  margin-top: 72px;
}

.section4 .lbox {
  width: 100%;
  margin-bottom: 14px;
}

.section4 .rbox {
  width: 100%;
  margin-bottom: 14px;
}

.section4 .row4 p {
  width: 100%;
  color: #595757;
}

.contact-box {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: #33bab1;
  padding: 36px 20px;
}

.contact-box p {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}

.contact-box a {
  display: block;
  font-size: 22px;
  font-weight: bold;
  width: 100%;
  background-color: #ffff00;
  color: #33bab1;
  border-radius: 27px;
  padding: 12px;
  margin-top: 14px;
  margin-bottom: 14px;
}

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

.contact-box .sub {
  font-size: 12px;
}

.backtotop {
  width: 100%;
  padding-top: 17px;
  padding-bottom: 17px;
  background-color: #fff;
}

.backtotop a {
  display: block;
  margin: 0 auto;
  background-image: url("../img/furotomo/backToTop.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 63px;
  height: 63px;
}

.footer {
  background-color: #e6e6e6;
  padding: 26px 20px;
  text-align: center;
}

.footer .logo {
  width: 100%;
  max-width: 451px;
  margin: 0 auto;
}

.footer .logo h3 a {
  display: block;
  background-image: url("../img/furotomo/footerLogo.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 9.15%;
  margin-top: 5px;
  margin-bottom: 9px;
}

/* SM */
/* MD */
@media only screen and (min-width: 1000px) {
  p {
    font-size: 18px;
  }
  .headImg {
    background-image: url("../img/furotomo/headImg.jpg");
    height: 600px;
    padding-top: 0;
    background-position: 35% center;
    margin-bottom: 60px;
  }
  .headImg .headtxt-outer {
    width: 500px;
    padding-left: 0;
    padding-right: 0;
    left: 134px;
    top: 156px;
  }
  .main {
    max-width: 1000px;
  }
  .midashi {
    width: 923px;
    margin-left: auto;
    margin-right: auto;
  }
  .mtxt1 h3 {
    margin-bottom: 55px;
  }
  .mtxt4 {
    max-width: 324px;
    margin-bottom: 14px;
  }
  .row202001-1 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 41px;
  }
  .row202001-1 .txt {
    width: 79.23%;
    margin-bottom: 0;
  }
  .row202001-1 .txt .mtxt202001-1 {
    width: 589.5px;
    margin-left: 0;
    margin-right: 0;
  }
  .row202001-1 .photo {
    width: 18%;
  }
  .row202001-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .row202001-2 .photo {
    width: 27.4%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .row202001-2 .txt {
    width: 70.57%;
    margin-bottom: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .row202001-3 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .row202001-3 .txt {
    width: 70.67%;
    margin-bottom: 0;
  }
  .row202001-3 .txt .mtxt202001-3 {
    width: 458.5px;
    margin-left: 0;
    margin-right: 0;
  }
  .row202001-3 .photo {
    width: 26.44%;
  }
  .row1 {
    margin-bottom: 93px;
  }
  .p1-1 {
    width: 50%;
    margin-bottom: 0px;
  }
  .p1-2 {
    width: 50%;
    padding-left: 40px;
    margin-bottom: 0px;
  }
  .row2 {
    width: 100%;
    margin-bottom: 84px;
  }
  .row2 div {
    width: 33.33%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 11px;
  }
  p.txt1 {
    padding-left: 115px;
    padding-right: 115px;
    margin-bottom: 36px;
  }
  .section3 {
    padding-left: 100px;
    padding-right: 0px;
  }
  .section3 li {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 36px;
  }
  .section3 li .lbox {
    width: 50%;
    padding-right: 5%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 0;
  }
  .section3 li .rbox {
    text-align: left;
    width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 0;
  }
  .section3 li .rbox h4 {
    color: #00a199;
    font-size: 24px;
    font-weight: bold;
  }
  .section3 li .rbox p {
    font-size: 15px;
  }
  .section4 {
    margin-bottom: 71px;
  }
  .section4 .row4 .lbox {
    width: 50%;
  }
  .section4 .row4 .rbox {
    width: 50%;
  }
  .contact-box {
    max-width: 800px;
    padding: 50px 100px;
  }
  .contact-box p {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
  }
  .contact-box a {
    font-size: 31px;
    margin-top: 29px;
    margin-bottom: 35px;
    border-radius: 40px;
  }
  .contact-box .tel {
    font-size: 37px;
  }
  .contact-box .sub {
    font-size: 14px;
  }
}

/* LG */
@media only screen and (min-width: 1200px) {
  .headImg {
    max-width: 1400px;
    background-position: 0% 21%;
  }
  .headImg .headtxt-outer {
    left: 134px;
    top: 73px;
  }
}
/*# sourceMappingURL=furotomo.css.map */