@charset "utf-8";

/* -----------------------------------------------------------------
.sec_intro
----------------------------------------------------------------- */
.sec_intro {
  position: relative;
  z-index: 1;
}
.sec_intro .cmn_ttl01 {
  margin-top: var(--margin_size_L);
}
.sec_intro .sec_body {
  width: min(80%,46em);
  margin-top: var(--margin_size_XS);
}
.sec_intro .info_img {
  margin-top: var(--margin_size_S);
}
@media screen and (max-width: 767px) {
  .sec_intro .sec_body {
    width: 100%;
  }
  .sec_intro .info_img {
    display: flex;
    justify-content: center;
  }
  .sec_intro .info_img picture {
    width: 80%;
    max-width: 300px;
  }
}
@media screen and (max-width: 500px) {
  .sec_intro .cmn_ttl01 {
    width: 11em;
  }
  .sec_intro .cmn_ttl01 br {
    display: none;
  }
}
/* -----------------------------------------------------------------
.sec_intro(parallax)
----------------------------------------------------------------- */
.sec_intro .parallax_item01 {
  top:65%;
  right: -15em;
  width: 8em;
}
.sec_intro .parallax_item02 {
  top:22%;
  right: -7em;
  width: 14em;
}
.sec_intro .parallax_item02_img {
  top:15%;
  right: -6em;
  width: 14em;
}
.sec_intro .parallax_item03 {
  top:45%;
  right: min(12em, 19vw);
  width: min(10em, 14vw);
}
@media screen and (max-width: 767px) {
  .sec_intro .parallax_item01 {
    display: none;
  }
  .sec_intro .parallax_item02 {
    top:19%;
    right: -14vw;
    width: 28vw;
  }
  .sec_intro .parallax_item02_img {
    top:13%;
    right: -15vw;
    width: 28vw;
  }
  .sec_intro .parallax_item03 {
    top:45%;
    right: 10vw;
    width: 19vw;
  }
}

/* -----------------------------------------------------------------
.sec_tsunagu
----------------------------------------------------------------- */
.sec_tsunagu {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap:8%;
  margin-top: var(--margin_size_M);
}
.sec_tsunagu .box_body .txt {
  margin-top: var(--margin_size_XS);
}
.sec_tsunagu .splide__pagination {
  bottom: -15px;
  
}
@media screen and (max-width: 767px) {
  .sec_tsunagu {
    flex-direction: column;
  }
  .sec_tsunagu .box_img {
    width:90%;
    max-width: 600px;
    margin-top: var(--margin_size_S);
  }
}
@media print, screen and (min-width: 768px) {
  .sec_tsunagu {
  }
  .sec_tsunagu .box_body {
    width: 45%;
  }
  .sec_tsunagu .box_img {
    width: 47%;
  }

}

/* -----------------------------------------------------------------
.sec_tane
----------------------------------------------------------------- */
.sec_tane {
  position: relative;
  z-index: 1;
  margin-top: var(--margin_size_L);
}
.sec_tane .sec_body {
  max-width: 48em;
  margin-top: var(--margin_size_XS);
}

@media screen and (max-width: 767px) {
}
@media print, screen and (min-width: 768px) {
}

/* -----------------------------------------------------------------
.sec_tane(parallax)
----------------------------------------------------------------- */
.sec_tane .parallax_item01 {
  top:-30%;
  right: -7em;
  width: 23em;
}
.sec_tane .parallax_item02 {
  top:30%;
  right: -19em;
  width: 12em;
}
.sec_tane .parallax_item03 {
  top:80%;
  right: 14vw;
  width: 9em;
}
.sec_tane .parallax_item04 {
  top:140%;
  right: -10em;
  width: 18em;
}
.sec_tane .parallax_item05 {
  top:50%;
  left: -18em;
  width: 12em;
}
@media screen and (max-width: 767px) {
  .sec_tane .parallax_item01 {
    top:10%;
    right: -20vw;
    width: 36vw;
  }
  .sec_tane .parallax_item02 {
    top:30%;
    left: -10vw;
    width: 16vw;
  }
  .sec_tane .parallax_item03 {
    top:80%;
    right: -15vw;
    width: 18vw;
  }
  .sec_tane .parallax_item04 {
    top:130%;
    right: 17vw;
    width: 18vw;
  }
  .sec_tane .parallax_item05 {
    display: none;
  }
}



/* -----------------------------------------------------------------
.sec_dareka
----------------------------------------------------------------- */
.sec_dareka {
  position: relative;
  z-index: 1;
  margin-top: var(--margin_size_L);
}
.sec_dareka .sec_body {
  max-width: 48em;
  margin-top: var(--margin_size_XS);
}
.sec_dareka .cmn_list01 {
  margin-left: 1rem;
}

@media screen and (max-width: 767px) {
  .sec_dareka {

  }
}
@media print, screen and (min-width: 768px) {
  .sec_dareka {

  }
}

/* -----------------------------------------------------------------
.sec_dareka(parallax)
----------------------------------------------------------------- */
.sec_dareka .parallax_item01 {
  top:40%;
  right: 5em;
  width: 10em;
}
.sec_dareka .parallax_item02 {
  top:70%;
  right: -19em;
  width: 12em;
}
.sec_dareka .parallax_item03 {
  top:125%;
  right: 14em;
  width: 12em;
}
@media screen and (max-width: 767px) {
  .sec_dareka .parallax_item01 {
    top:40%;
    right: 10vw;
    width: 35vw;
  }
  .sec_dareka .parallax_item02 {
    top:100%;
    right: 0;
    width: 14vw;
  }
  .sec_dareka .parallax_item03 {
    top:145%;
    right: 18vw;
    width: 12vw;
  }
}

/* -----------------------------------------------------------------
.xxx
----------------------------------------------------------------- */
@media screen and (max-width: 767px) {

}
@media print, screen and (min-width: 768px) {

}

/* -----------------------------------------------------------------
.xxx
----------------------------------------------------------------- */
@media screen and (max-width: 767px) {

}
@media print, screen and (min-width: 768px) {

}

/* -----------------------------------------------------------------
.xxx
----------------------------------------------------------------- */
@media screen and (max-width: 767px) {

}
@media print, screen and (min-width: 768px) {

}

/* -----------------------------------------------------------------
.xxx
----------------------------------------------------------------- */
@media screen and (max-width: 767px) {

}
@media print, screen and (min-width: 768px) {

}