@charset "UTF-8";
/* CSS Document */
.index {
  width: 1000px;
  margin: 0 auto 80px;
  padding: 0;
}

.index h2 {
  margin-top: 10.4rem;
}

#main.index h2 a {
  background-image: url("img/arrow_wt.png");
}

.index h2 + p,
.point + p {
  padding: 0 2rem;
}

#main.index .point {
  margin-top: 6rem;
}

#main.index .btn-internal.anchor a {
  background-image: url("img/arrow_up02.png");
}

.catch {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 2rem;
}

/*--------------------------------------
　#visArea
---------------------------------------*/
#visArea {
  box-sizing: border-box;
  width: 100%;
  height: 400px;
  background: url(./img/idx_vis.jpg) bottom no-repeat #fefbc8;
  background-size: auto 348px;
}

#visArea .areaInner {
  box-sizing: border-box;
  width: 1000px;
  padding: 6rem 0 0;
  margin: 0 auto;
}

#visArea .mainArea {
  width: 440px;
}

#visArea .mainArea .catch {
  font-size: 3.6rem;
  font-family: "Noto Sans JP";
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 2rem;
  padding: 0;
  color: #29813a;
}

@media screen and (max-width: 599px) {
  .index {
    width: 100%;
    padding: 0 1em;
  }

  .index h2 {
    margin-top: 6rem;
  }

  .index h2 + p, .point + p {
    padding: 0;
  }

  #main.index .point {
    margin-top: 4rem;
  }

  /*--------------------------------------
  　#visArea
   ---------------------------------------*/
  #visArea {
    padding: 2rem 1rem 10rem;
    background: url(./img/idx_vis_sp.jpg) right -17% bottom no-repeat #FEFBC6;
    background-size: auto 68%;
    height: auto;
  }

  #visArea .areaInner {
    width: 100%;
    padding: 0;
  }

  #visArea .mainArea {
    width: 100%;
  }

  #visArea .mainArea .catch {
    font-size: 2.3rem;
    line-height: 1.3;
    margin-bottom: 1rem;
  }

  #visArea .mainArea p {
    font-weight: bold;
    line-height: 1.6;
    width: 90%;
  }
}
/* End_SP */