@charset "UTF-8";

/* =======================================================
* sub_main
* ======================================================= */
#sub_main {
  background: url(../images/bg-volunteer.jpg) no-repeat center/cover;
}

#volunteer p {
  line-height: 2;
  margin-bottom: 50px;
}

h3 {
  font-size: 25px;
  padding-left: 20px;
}

.volunteer_txt {
  position: relative;
  padding: 0 50px;
  box-sizing: border-box;
  line-height: 2.5;
}

.volunteer_txt h3 span {
  position: absolute;
  top: -110px;
  left: 5%;
  color: rgb(163 197 148 / 20%);
  font-size: 90px;
  font-weight: bold;
  z-index: -1;
}

/* swiper共通 */
.swiper-volunteer {
  height: 450px;
  overflow: hidden;
}

.swiper-volunteer .swiper-wrapper {
  height: 400px;
}

.swiper-pagination {
  z-index: 1 !important;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #cd7642;
  opacity: 1;
}

@media screen and (max-width:768px) {
  .volunteer_txt {
    padding: 50px 20px;
    line-height: 2;
  }

  .volunteer_txt h3 span {
    top: -40px;
  }

  .volunteer_txt p {
    width: 100%;
  }

  .swiper-volunteer {
    height: 320px;
  }

  .swiper-volunteer .swiper-wrapper {
    height: 270px;
  }
}

/* =======================================================
* paddy
* ======================================================= */
#paddy {
  padding-top: 100px;
  margin-top: -100px;
}

.swiper-slide.paddy01 {
  background: url(../images/paddy01.jpg) no-repeat center/cover;
}

.swiper-slide.paddy02 {
  background: url(../images/paddy02.jpg) no-repeat center/cover;
}

.swiper-slide.paddy03 {
  background: url(../images/paddy03.jpg) no-repeat center/cover;
}

.swiper-slide.paddy04 {
  background: url(../images/paddy04.jpg) no-repeat center/cover;
}

/* =======================================================
* field
* ======================================================= */
#field {
  padding-top: 100px;
  margin-top: -100px;
}

#field .swiper-slide.field01 {
  background: url(../images/field01.jpg)no-repeat center /cover;
}

#field .swiper-slide.field02 {
  background: url(../images/field02.jpg)no-repeat center /cover;
}

#field .swiper-slide.field03 {
  background: url(../images/field03.jpg)no-repeat center /cover;
}

#field .swiper-slide.field04 {
  background: url(../images/field04.jpg)no-repeat center /cover;
}

/* =======================================================
* maintenance
* ======================================================= */
#maintenance {
  padding-top: 100px;
  margin-top: -100px;
}

#maintenance .swiper-slide.maintenance01 {
  background: url(../images/maintenance01.jpg)no-repeat center /cover;
}

#maintenance .swiper-slide.maintenance02 {
  background: url(../images/maintenance02.jpg)no-repeat center /cover;
}

#maintenance .swiper-slide.maintenance03 {
  background: url(../images/maintenance03.jpg)no-repeat center /cover;
}

#maintenance .swiper-slide.maintenance04 {
  background: url(../images/maintenance04.jpg)no-repeat center /cover;
}

/* =======================================================
* hotaru
* ======================================================= */
#hotaru .swiper-slide.hotaru01 {
  background: url(../images/hotaru01.jpg)no-repeat center/cover;
}

#hotaru .swiper-slide.hotaru02 {
  background: url(../images/hotaru02.jpg)no-repeat center/cover;
}

#hotaru .swiper-slide.hotaru03 {
  background: url(../images/hotaru03.jpg)no-repeat center/cover;
}

#hotaru .swiper-slide.hotaru04 {
  background: url(../images/hotaru04.jpg)no-repeat center/cover;
}

/* =======================================================
* map
* ======================================================= */
#map {
  background-color: #fafafa;
  padding-top: 5rem;
}

#map dl {
  padding: 20px 0;
}

#map dl dt,
#map dl dd {
  border-bottom: 1px dotted var(--color-theme);
  padding-bottom: 10px;
  margin-bottom: 20px;
}

#map dl dt {
  width: 20%;
  color: var(--color-theme);
  text-align: center;
}

#map dl dd {
  width: 80%;
}

#map .flex .w48 iframe {
  width: 100%;
}

@media screen and (max-width:768px) {
  #map dl dt {
    width: 25%;
  }

  #map dl dd {
    width: 75%;
  }
}

/* =======================================================
* event
* ======================================================= */
#event .linkBtn {
  text-align: center;
  margin-top: 70px;
}

#event p {
  padding: 50px 45px;
  box-sizing: border-box;
  line-height: 2.5;
}

@media screen and (max-width:768px) {
  #event p {
    padding: 20px 0;
    line-height: 2;
  }

  #event .linkBtn {
    padding: 0 20px;
    margin-top: 50px;
  }

}