@font-face {
  font-family: "TsunagiGothic";
  src: url("fonts/tsunagi-gothic.woff2") format("woff2"), url("fonts/tsunagi-gothic.woff") format("woff");
  font-display: swap;
}
/*========================================================================
   experiences layout
========================================================================*/
#experiences #mainVisual {
  background: url(../img/experiences/mainimg.jpg) no-repeat center/cover;
}

@media screen and (min-width: 1152px) {
  #lead .txtArea h3 {
    font-size: 2em;
  }
  #lead .imgArea {
    margin-right: -8.5%;
  }
}

@media screen and (min-width: 480px) and (max-width: 767.9px) {
  #vege [class^=img] {
    width: 70%;
    margin-bottom: -2em;
  }
  #vege [class^=img]:nth-child(even) {
    margin-right: auto;
    margin-left: -8.8%;
  }
  #vege [class^=img]:nth-child(odd) {
    margin-left: auto;
    margin-right: -8.8%;
  }
}
@media screen and (min-width: 768px) {
  #vege .row {
    justify-content: center;
  }
  #vege .txtArea {
    order: 2;
    max-width: 420px;
    width: 39%;
  }
  #vege .img01 {
    order: 1;
    max-width: 537px;
    width: 39%;
    margin-left: -16%;
    margin-top: -3em;
  }
  #vege .img02 {
    order: 3;
    max-width: 660px;
    width: 44%;
    margin-right: -12%;
    margin-top: 4em;
  }
  #vege .img03 {
    order: 4;
    max-width: 680px;
    width: 48%;
    margin-top: -3em;
  }
  #vege .img04 {
    order: 5;
    max-width: 750px;
    width: 50%;
    margin-right: -2%;
  }
}

#rice {
  padding-bottom: 0;
}
#rice.wave_green::after {
  display: none;
}

@media screen and (min-width: 768px) {
  #satoyama .txtArea {
    margin-right: -2%;
  }
  #satoyama .imgArea {
    margin-left: -17%;
  }
  #rice .txtArea {
    margin-left: -2%;
  }
  #rice .imgArea {
    margin-right: -13%;
    margin-left: -4%;
  }
}
@media screen and (min-width: 1152px) {
  #rice .imgArea {
    margin-right: -17%;
    margin-left: 0;
  }
}