.position {
  position: relative;
}

.main {
  overflow: hidden;
}
.main img {
  max-width: 100%;
}

.para1, .para2, .para3 {
  opacity: 0;
}

.fade__Up {
  opacity: 0;
  transform: translate(0%, 50px);
  transition: all 0.8s ease-out;
}

.fade__left {
  opacity: 0;
  transform: translate(-70px, 0px);
  transition: all 0.8s ease-out;
}

.fade__right {
  opacity: 0;
  transform: translate(70px, 0px);
  transition: all 0.8s ease-out;
}

.fade__in {
  opacity: 0;
  transform: translate(0%, 0px);
  transition: all 1.7s ease-out;
}

.fadeUp__on {
  opacity: 1;
  transform: translate(0%, 0px);
}

.main-contents {
  padding-top: 125px;
  padding-bottom: 100px;
  background: #EBE7D7;
}

.main-wrap {
  width: 86%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.bg-wrap {
  position: relative;
  z-index: 1;
}

.con-wrap {
  position: relative;
  z-index: 3;
}

.ttl-img {
  margin-bottom: 37px;
  padding-top: 40px;
}
.ttl-img img {
  max-width: none;
  width: 105%;
}

.day-img {
  width: 85%;
  max-width: 708px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
}

.ex-logo {
  width: 87%;
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.link-area {
  margin-top: -100px;
  padding-top: 100px;
}

.anchorlist {
  display: flex;
  justify-content: space-between;
  margin-bottom: 44px;
}
.anchorlist li {
  width: 31.2%;
}

.info-con {
  display: flex;
  justify-content: space-between;
  margin-bottom: 85px;
}
.info-con .text {
  padding-top: 0px;
  width: 65.5%;
  font-size: 19px;
  line-height: 2.15;
  color: #337039;
  letter-spacing: 0.08em;
}
.info-con .text p {
  font-weight: 600;
}
.info-con .illust {
  width: 25.2%;
}

.ttl-1 {
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  max-width: 530px;
  margin-bottom: 100px;
}

.ele-wrap {
  margin-bottom: 165px;
}

.ele-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 68px;
}
.ele-box.odd {
  flex-direction: row-reverse;
}
.ele-box .text {
  width: 41%;
  font-size: 17px;
  line-height: 2;
  color: #337039;
  letter-spacing: 0.08em;
}
.ele-box .text img {
  margin-bottom: 15px;
}
.ele-box .text p {
  font-weight: 600;
}
.ele-box .pic {
  width: 58%;
}
.ele-box .pic img.ptn1 {
  width: 78%;
  margin-left: 4%;
}
.ele-box .pic img.ptn2 {
  width: 84%;
  margin-left: 15%;
}
.ele-box .pic img.ptn3 {
  width: 81%;
  margin-left: 2%;
}
.ele-box .pic img.ptn4 {
  width: 78%;
  margin-left: 18%;
  padding-top: 10px;
}

.ttl-2 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  max-width: 220px;
  margin-bottom: 35px;
}

.movie-texwrap {
  margin-bottom: 134px;
}
.movie-texwrap .big-tex {
  font-size: 35px;
  line-height: 1;
  color: #337039;
  text-align: center;
  margin-bottom: 30px;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.movie-texwrap .sm-tex {
  font-size: 17px;
  line-height: 2;
  color: #337039;
  text-align: center;
  margin-bottom: 40px;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.movie-texwrap .movie-img {
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}

.ttl-3 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  max-width: 220px;
  margin-bottom: 70px;
}

.bosyu-list dl {
  margin-bottom: 57px;
  width: 100%;
  max-width: 810px;
  margin-left: auto;
  margin-right: auto;
}
.bosyu-list dl dt {
  border-radius: 50px;
  text-align: center;
  background: #6FBA2C;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.bosyu-list dl dt img {
  width: 35%;
  max-width: 150px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.bosyu-list dl dd p {
  font-weight: 600;
  color: #337039;
  text-align: center;
  font-size: 17px;
  line-height: 2;
  letter-spacing: 0.08em;
}
.bosyu-list dl dd .big-tex {
  font-size: 26px;
  line-height: 1;
}
.bosyu-list dl dd .big-tex2 {
  font-size: 25px;
  line-height: 1;
  margin-bottom: 10px;
}
.bosyu-list dl dd .list {
  font-size: 16px;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 2.12;
  text-align: left;
}
.bosyu-list dl dd .bottom-box {
  padding-top: 50px;
  margin-top: 20px;
  border-top: 1px solid #6FBA2C;
}

.form-area {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.form-area.ex {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 90%;
}

.con-bg_pc {
  width: 1494px;
  left: -290px;
  position: absolute;
  right: -227px;
  top: 0px;
  z-index: 2;
}

.pc-bg1 {
  top: 97px;
  position: absolute;
  width: 797px;
  right: -784px;
  z-index: 1;
}

.pc-bg2 {
  top: 268px;
  position: absolute;
  left: -673px;
  width: 1516px;
  z-index: 1;
}

.pc-bg3 {
  top: 1824px;
  position: absolute;
  width: 602px;
  left: -383px;
  z-index: 1;
}

.pc-bg4 {
  top: 2184px;
  position: absolute;
  width: 1184px;
  right: -640px;
  z-index: 1;
}

.pc-bg5 {
  top: 3600px;
  position: absolute;
  width: 1243px;
  left: -1061px;
  z-index: 1;
}

.pc-bg6 {
  top: 4080px;
  position: absolute;
  width: 1190px;
  right: -1315px;
  z-index: 1;
}

.xpWfed {
  background: none !important;
}

.ex-pcimg {
  bottom: -70px;
  position: absolute;
  right: -11%;
  width: 22%;
}

.load-btn {
  position: absolute;
  bottom: 40px;
  left: 0%;
  width: 22%;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .main-contents {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }
  .main-wrap {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
  .bg-wrap {
    position: relative;
    z-index: 1;
  }
  .con-wrap {
    position: relative;
    z-index: 2;
    width: none;
    width: 86%;
    margin-left: auto;
    margin-right: auto;
  }
  .ttl-img {
    margin-bottom: 6vw;
    padding-top: 13vw;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }
  .ttl-img img {
    max-width: none;
    width: 1050;
  }
  .day-img {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8vw;
  }
  .ex-logo {
    width: 87%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10vw;
  }
  .link-area {
    margin-top: -100px;
    padding-top: 100px;
  }
  .anchorlist {
    display: block;
    margin-bottom: 6vw;
  }
  .anchorlist li {
    width: 100%;
    margin-bottom: 2vw;
  }
  .info-con {
    display: block;
    margin-bottom: 16vw;
  }
  .info-con .text {
    padding-top: 0px;
    width: 100%;
    font-size: 3.9vw;
    line-height: 2;
    text-align: justify;
  }
  .info-con .text p {
    font-weight: 600;
  }
  .info-con .illust {
    display: none;
  }
  .ttl-1 {
    width: 82%;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    margin-bottom: 6vw;
  }
  .ele-wrap {
    margin-bottom: 18vw;
  }
  .ele-box {
    display: block;
    margin-bottom: 12vw;
  }
  .ele-box.odd {
    flex-direction: row-reverse;
  }
  .ele-box .text {
    width: 100%;
    font-size: 3.9vw;
    line-height: 2;
    text-align: justify;
  }
  .ele-box .text img {
    margin-bottom: 3vw;
  }
  .ele-box .text p {
    font-weight: 600;
  }
  .ele-box .pic {
    width: 100%;
    margin-bottom: 4vw;
    position: relative;
  }
  .ele-box .pic img.ptn1 {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
  }
  .ele-box .pic img.ptn2 {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }
  .ele-box .pic img.ptn3 {
    width: 97%;
    margin-left: 2%;
  }
  .ele-box .pic img.ptn4 {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    z-index: 5;
    display: block;
  }
  .ele-box .pic .kazari {
    position: absolute;
    z-index: 2;
    top: 30vw;
    right: 5vw;
    width: 12%;
  }
  .ttl-2 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    margin-bottom: 4vw;
  }
  .movie-texwrap {
    margin-bottom: 12vw;
  }
  .movie-texwrap .big-tex {
    font-size: 6.6vw;
    margin-bottom: 5vw;
    line-height: 1.4;
  }
  .movie-texwrap .sm-tex {
    font-size: 3.9vw;
    line-height: 2;
    margin-bottom: 6vw;
    text-align: justify;
  }
  .movie-texwrap .movie-img {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
  .ttl-3 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    margin-bottom: 8vw;
  }
  .bosyu-list dl {
    margin-bottom: 12vw;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
  .bosyu-list dl dt {
    border-radius: 50px;
    text-align: center;
    padding-top: 2vw;
    padding-bottom: 2vw;
    margin-bottom: 6vw;
  }
  .bosyu-list dl dt img {
    width: 35%;
    max-width: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .bosyu-list dl dd p {
    font-weight: 600;
    font-size: 3.9vw;
    line-height: 2;
  }
  .bosyu-list dl dd .big-tex {
    font-size: 5vw;
    line-height: 1.39;
  }
  .bosyu-list dl dd .big-tex2 {
    font-size: 5.4vw;
    line-height: 1;
    margin-bottom: 10px;
  }
  .bosyu-list dl dd .list {
    font-size: 3.8vw;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 2.12;
    text-align: justify;
  }
  .bosyu-list dl dd .bottom-box {
    padding-top: 6vw;
    margin-top: 3vw;
    border-top: 1px solid #6FBA2C;
  }
  .form-area {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vw;
  }
  .form-area iframe {
    height: 238vw;
  }
  .form-area.ex {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vw;
  }
  .form-area.ex iframe {
    height: 140vw;
  }
  .link-area {
    margin-top: -16vw;
    padding-top: 16vw;
  }
  .ex-bigimg {
    width: 138%;
    margin-left: -36%;
    margin-right: -2%;
    margin-bottom: 8vw;
  }
  .ex-spimg {
    width: 91%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8vw;
  }
  .con-bg_sp {
    position: absolute;
    z-index: 2;
    width: 108%;
    left: -4%;
    right: -3%;
    top: 1vw;
  }
  .sp-bg1 {
    position: absolute;
    z-index: 1;
    width: 151%;
    right: -128%;
    top: 3vw;
  }
  .sp-bg2 {
    position: absolute;
    z-index: 1;
    width: 230%;
    left: -189%;
    top: 6vw;
  }
  .sp-bg3 {
    position: absolute;
    z-index: 1;
    width: 287%;
    right: -232%;
    top: 198vw;
  }
  .sp-bg4 {
    position: absolute;
    z-index: 1;
    width: 145%;
    left: -97%;
    top: 498vw;
  }
  .sp-bg5 {
    position: absolute;
    z-index: 1;
    width: 266%;
    right: -183%;
    top: 564vw;
  }
  .sp-bg6 {
    position: absolute;
    z-index: 1;
    width: 190%;
    left: -131%;
    top: 911vw;
  }
  .sp-bg7 {
    position: absolute;
    z-index: 1;
    width: 289%;
    right: -220%;
    top: 1148vw;
  }
  .load-btn {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    margin-top: -4vw;
    width: 48%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6vw;
  }
}/*# sourceMappingURL=style.css.map */