.subPageMainVisual {
  padding-top: 200px;
  background: url("../images/bg_index01.png") no-repeat top center;
  background-size: cover;
}

@media screen and (min-width: 1750px) {
  .subPageMainVisual {
    padding-top: 300px;
  }
}

@media screen and (max-width: 1000px) {
  .subPageMainVisual {
    padding-top: 150px;
  }
}

@media screen and (max-width: 767px) {
  .subPageMainVisual {
    padding-top: 100px;
  }
}

@media screen and (max-width: 500px) {
  .subPageMainVisual {
    padding-top: 80px;
  }
}

.subPageTitArea .subPageTitle {
  margin-bottom: 75px;
}

@media screen and (max-width: 767px) {
  .subPageTitArea .subPageTitle {
    margin-bottom: 60px;
  }
}

.subPageTitArea .subPageTitle img {
  width: 240px;
  height: 75px;
}

@media screen and (max-width: 767px) {
  .subPageTitArea .subPageTitle img {
    width: 200px;
    height: 61px;
  }
}

.nurseryBg01 {
  padding-top: 50px;
  position: relative;
  overflow: hidden;
  background: url("../images/img_index01.png") no-repeat right top/150px;
}

@media screen and (max-width: 1200px) {
  .nurseryBg01 {
    background: url("../images/img_index01.png") no-repeat right top/150px;
  }
}

@media screen and (max-width: 900px) {
  .nurseryBg01 {
    background: url("../images/img_index01.png") no-repeat right top/120px;
  }
}

@media screen and (max-width: 767px) {
  .nurseryBg01 {
    padding-top: 30px;
    background: none;
  }
}

.nurseryBg02 {
  background: url("../images/img_index03.png") no-repeat right 25% top 3%/145px;
}

@media screen and (max-width: 900px) {
  .nurseryBg02 {
    background: url("../images/img_index03.png") no-repeat right 20% top 10%/120px;
  }
}

@media screen and (max-width: 767px) {
  .nurseryBg02 {
    background: none;
  }
}

.nurseryBg03 {
  background: url("../images/img_index07.png") no-repeat right 5% center/515px;
}

@media screen and (max-width: 1200px) {
  .nurseryBg03 {
    background: url("../images/img_index07.png") no-repeat right 0 center/400px;
  }
}

@media screen and (max-width: 900px) {
  .nurseryBg03 {
    background: url("../images/img_index07.png") no-repeat right 0 center/330px;
  }
}

@media screen and (max-width: 767px) {
  .nurseryBg03 {
    background: none;
  }
}

.nurseryBg04 {
  background: url("../images/img_index08.png") no-repeat left 15% center/290px;
}

@media screen and (max-width: 1200px) {
  .nurseryBg04 {
    background: url("../images/img_index08.png") no-repeat left 10% center/200px;
  }
}

@media screen and (max-width: 900px) {
  .nurseryBg04 {
    background: url("../images/img_index08.png") no-repeat left 3% bottom 30px/180px;
  }
}

@media screen and (max-width: 767px) {
  .nurseryBg04 {
    background: none;
  }
}

.nurseryBox01 {
  width: 1000px;
  margin: 0 auto 40px;
}

@media screen and (max-width: 1050px) {
  .nurseryBox01 {
    width: 100%;
  }
}

.floatBox01 {
  width: 53%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .floatBox01 {
    width: 100%;
    float: none !important;
  }
}

@media screen and (max-width: 767px) {
  .floatBox01 .nursery01 {
    position: relative;
  }
}

.floatBox02 {
  width: 25%;
  margin: 200px 90px 0 0;
  position: relative;
}

@media screen and (max-width: 950px) {
  .floatBox02 {
    margin: 200px 60px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .floatBox02 {
    width: 100%;
    margin: 50px 0 0;
    float: none !important;
  }
}

.floatBox03 {
  width: 45%;
  margin: 230px 0 0 0;
}

@media screen and (max-width: 1050px) {
  .floatBox03 {
    width: 40%;
  }
}

@media screen and (max-width: 767px) {
  .floatBox03 {
    width: 100%;
    margin-top: 40px;
    float: none !important;
  }
}

.floatBox04 {
  width: 25%;
  margin: 30px 0 0 90px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .floatBox04 {
    width: 100%;
    margin: 40px 0 0 0;
    float: none !important;
  }
}

.floatBox05 {
  width: 48%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .floatBox05 {
    width: 100%;
    margin-top: 40px;
    float: none !important;
  }
}

.floatBox06 {
  width: 78%;
  margin: 90px auto 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .floatBox06 {
    width: 100%;
    margin-top: 40px;
    float: none !important;
  }
}

.time {
  font-size: 22px;
  color: #fff;
  width: 95px;
  height: 95px;
  background: url("../images/ico_index01.svg") no-repeat center/contain;
  line-height: 4.4;
  position: absolute;
}

@media screen and (max-width: 950px) {
  .time {
    width: 80px;
    height: 80px;
    line-height: 3.9;
  }
}

@media screen and (max-width: 400px) {
  .time {
    font-size: 18px;
    width: 60px;
    height: 60px;
    line-height: 3.6;
  }
}

.time01 {
  bottom: 0;
  left: 0;
}

.time02 {
  bottom: -10px;
  left: -15px;
}

@media screen and (max-width: 767px) {
  .time02 {
    left: 30%;
  }
}

@media screen and (max-width: 550px) {
  .time02 {
    left: 25%;
  }
}

.time03 {
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 1050px) {
  .time03 {
    left: -30px;
  }
}

@media screen and (max-width: 767px) {
  .time03 {
    bottom: 0;
    left: 0;
  }
}

.time04 {
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 1050px) {
  .time04 {
    left: -30px;
  }
}

@media screen and (max-width: 767px) {
  .time04 {
    bottom: 0;
    left: 20%;
  }
}

.time05 {
  top: -40px;
  left: -40px;
}

@media screen and (max-width: 767px) {
  .time05 {
    top: auto;
    bottom: -30px;
    left: 0;
  }
}

.tit {
  font-size: 16px;
  font-weight: bold;
  margin-left: 60px;
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .tit {
    font-size: 14px;
    margin: 10px 0 0 0;
    position: static;
  }
}

.tit01 {
  margin-left: 0px;
}

.txt01 {
  font-size: 16px;
  margin-left: 60px;
  line-height: 1.7;
  position: absolute;
  right: 0;
  bottom: -105px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .txt01 {
    position: static;
    font-size: 14px;
    padding-top: 15px;
    margin-left: 0;
    bottom: auto;
  }
}

.txt02 img {
  width: 260px;
  height: 25px;
  position: absolute;
  bottom: -60px;
}

@media screen and (max-width: 767px) {
  .txt02 img {
    margin: auto;
    right: 0;
    left: 0;
  }
}

@media screen and (max-width: 500px) {
  .txt02 img {
    width: 200px;
    height: 20px;
  }
}

.pic01 {
  margin: 0 0 25px 30px;
}

.pic01 img {
  width: 500px;
}

@media screen and (max-width: 767px) {
  .pic01 img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .pic01 {
    width: 90%;
    margin: auto;
  }
}

.pic02 img {
  width: 255px;
}

@media screen and (max-width: 767px) {
  .pic02 img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .pic02 {
    width: 40%;
    margin: auto;
  }
}

.pic03 img {
  width: 450px;
}

@media screen and (max-width: 1050px) {
  .pic03 img {
    width: 400px;
  }
}

@media screen and (max-width: 767px) {
  .pic03 img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .pic03 {
    width: 75%;
    margin: 0 auto;
  }
}

.pic04 img {
  width: 255px;
}

@media screen and (max-width: 767px) {
  .pic04 img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .pic04 {
    width: 40%;
    margin: auto;
  }
}

.pic05 {
  margin: 160px 0 25px 30px;
}

.pic05 img {
  width: 500px;
}

@media screen and (max-width: 767px) {
  .pic05 img {
    width: 100%;
  }
}

@media screen and (max-width: 1050px) {
  .pic05 {
    margin: 160px auto 25px;
  }
}

@media screen and (max-width: 767px) {
  .pic05 {
    width: 90%;
    margin: 190px auto 0;
  }
}

.pic06 {
  margin: 0 0 25px 30px;
}

.pic06 img {
  width: 450px;
}

@media screen and (max-width: 767px) {
  .pic06 img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .pic06 {
    width: 90%;
    margin: auto;
  }
}

.pic07 {
  margin: 0 0 25px 30px;
}

.pic07 img {
  width: 450px;
}

@media screen and (max-width: 767px) {
  .pic07 img {
    width: 100%;
  }
}

@media screen and (max-width: 1050px) {
  .pic07 {
    margin: 0 auto 25px;
  }
}

@media screen and (max-width: 767px) {
  .pic07 {
    width: 70%;
    float: right;
  }
}

.pic08 img {
  width: 780px;
}

@media screen and (max-width: 767px) {
  .pic08 img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .pic08 {
    width: 90%;
    margin: auto;
  }
}

.bal01 img {
  width: 370px;
  height: 80px;
  position: absolute;
  top: 20px;
  left: 500px;
}

@media screen and (max-width: 1050px) {
  .bal01 img {
    width: 300px;
    left: 97%;
  }
}

@media screen and (max-width: 1020px) {
  .bal01 img {
    left: 96%;
  }
}

@media screen and (max-width: 767px) {
  .bal01 img {
    height: 100px;
    top: -30px;
    left: 50%;
  }
}

@media screen and (max-width: 600px) {
  .bal01 img {
    width: 160px;
    height: 80px;
    top: -30px;
    left: 60%;
  }
}

@media screen and (max-width: 350px) {
  .bal01 img {
    width: 140px;
    left: 50%;
  }
}

.bal02 img {
  width: 180px;
  height: 55px;
  position: absolute;
  top: -13px;
  right: -44px;
}

@media screen and (max-width: 1050px) {
  .bal02 img {
    width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .bal02 img {
    right: 25%;
  }
}

@media screen and (max-width: 550px) {
  .bal02 img {
    width: 180px;
    right: 18%;
  }
}

@media screen and (max-width: 400px) {
  .bal02 img {
    width: 150px;
    right: 10%;
  }
}

.bal03 img {
  width: 180px;
  height: 55px;
  position: absolute;
  top: -13px;
  right: -44px;
}

@media screen and (max-width: 1050px) {
  .bal03 img {
    width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .bal03 img {
    right: 25%;
  }
}

@media screen and (max-width: 550px) {
  .bal03 img {
    width: 180px;
    right: 18%;
  }
}

@media screen and (max-width: 400px) {
  .bal03 img {
    width: 150px;
    right: 10%;
  }
}

.bal04 img {
  width: 470px;
  position: absolute;
  top: 93px;
  right: 20px;
}

@media screen and (max-width: 1050px) {
  .bal04 img {
    margin: auto;
    right: 0;
    left: 0;
  }
}

@media screen and (max-width: 767px) {
  .bal04 img {
    width: 100%;
    top: -22%;
  }
}

.bal05 img {
  width: 245px;
  position: absolute;
  top: 70px;
  left: -170px;
}

@media screen and (max-width: 1050px) {
  .bal05 img {
    width: 200px;
    left: -160px;
  }
}

@media screen and (max-width: 767px) {
  .bal05 img {
    width: 250px;
    top: 10%;
    left: 0;
  }
}

@media screen and (max-width: 650px) {
  .bal05 img {
    width: 200px;
  }
}

@media screen and (max-width: 500px) {
  .bal05 img {
    width: 150px;
  }
}

@media screen and (max-width: 350px) {
  .bal05 img {
    left: -10px;
  }
}

.bal06 img {
  width: 400px;
  margin: auto;
  position: absolute;
  top: -5px;
  right: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .bal06 img {
    width: 450px;
  }
}

@media screen and (max-width: 650px) {
  .bal06 img {
    width: 350px;
  }
}

@media screen and (max-width: 500px) {
  .bal06 img {
    width: 250px;
  }
}

.ornament01 img {
  width: 120px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: -80px;
  right: -110px;
}

@media screen and (max-width: 1100px) {
  .ornament01 img {
    right: -80px;
  }
}

@media screen and (max-width: 950px) {
  .ornament01 img {
    width: 90px;
    right: -50px;
  }
}

@media screen and (max-width: 767px) {
  .ornament01 img {
    top: auto;
    right: 22%;
    bottom: 0;
  }
}

@media screen and (max-width: 650px) {
  .ornament01 img {
    right: 18%;
  }
}

@media screen and (max-width: 500px) {
  .ornament01 img {
    width: 60px;
  }
}

@media screen and (max-width: 350px) {
  .ornament01 img {
    right: 15%;
  }
}

.ornament02 img {
  width: 50px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70px;
}

@media screen and (max-width: 767px) {
  .ornament02 img {
    width: 35px;
    bottom: 50%;
    left: 25%;
  }
}

@media screen and (max-width: 700px) {
  .ornament02 img {
    left: 23%;
  }
}

@media screen and (max-width: 650px) {
  .ornament02 img {
    left: 22%;
  }
}

@media screen and (max-width: 550px) {
  .ornament02 img {
    left: 20%;
  }
}

@media screen and (max-width: 500px) {
  .ornament02 img {
    width: 30px;
  }
}

@media screen and (max-width: 350px) {
  .ornament02 img {
    left: 18%;
  }
}

.ornament03 img {
  width: 95px;
  position: absolute;
  top: 60px;
  left: 65px;
}

@media screen and (max-width: 1050px) {
  .ornament03 img {
    width: 80px;
    left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .ornament03 img {
    width: 50px;
    top: -55px;
    left: 150px;
  }
}

@media screen and (max-width: 700px) {
  .ornament03 img {
    left: 120px;
  }
}

@media screen and (max-width: 650px) {
  .ornament03 img {
    left: 100px;
  }
}

@media screen and (max-width: 600px) {
  .ornament03 img {
    left: 80px;
  }
}

@media screen and (max-width: 500px) {
  .ornament03 img {
    left: 20px;
  }
}

.ornament04 img {
  width: 80px;
  position: absolute;
  top: 65px;
  right: 40px;
}

@media screen and (max-width: 1050px) {
  .ornament04 img {
    width: 70px;
    right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .ornament04 img {
    width: 40px;
    top: -50px;
    right: 150px;
  }
}

@media screen and (max-width: 700px) {
  .ornament04 img {
    right: 120px;
  }
}

@media screen and (max-width: 650px) {
  .ornament04 img {
    right: 100px;
  }
}

@media screen and (max-width: 600px) {
  .ornament04 img {
    right: 80px;
  }
}

@media screen and (max-width: 500px) {
  .ornament04 img {
    right: 20px;
  }
}

.alartTxt01 {
  font-size: 16px;
  margin: 50px 0 150px;
}

@media screen and (max-width: 767px) {
  .alartTxt01 {
    font-size: 14px;
  }
}