.agriculture-mv-ph {
  background-image: url(../img/business/agriculture/agriculture-main.jpg);
}
.agriculture-cap-text {
  width: 100%;
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  padding: 10px 5px 20px 5px;
}

.agriculture-mv-box .sub-h2title-agriculture {
  font-size: 43px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .agriculture-mv-box .sub-h2title-agriculture {
    text-align: justify;
  }
}
.agriculture-mv-box .sub-agriculture-mv-txt {
  font-size: 16px;
  letter-spacing: 0.02em;
  padding-top: 50px;
  line-height: 1.7;
  padding-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .agriculture-mv-box .sub-agriculture-mv-txt {
    font-size: 18px;
    text-align: justify;
  }
}

.h3-rectitle-area {
  width: 70%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  margin-top: 80px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .h3-rectitle-area {
    width: 90%;
  }
}
.h3-rectitle-area > div:nth-child(1) {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 20px;
}
.h3-rectitle-area > div:nth-child(2) {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 40px;
}
.h3-rectitle-area > div:nth-child(3) {
  position: relative;
  flex: 1;
}

.rec-num {
  font-size: 70px;
  font-weight: 700;
  font-family: "Montserrat-Bold";
  letter-spacing: 0.02em;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  .rec-num {
    font-size: 46px;
  }
}

.rec-h3title-jp {
  font-size: 26px;
  font-weight: 700;
  color: #2d805c;
  letter-spacing: 0.02em;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  .rec-h3title-jp {
    font-size: 24px;
  }
}

.rec-h3title-jp::first-letter {
  color: #ff8039;
}

.rec-line {
  height: 2px !important;
}

.rec-comming-txt {
  width: 70%;
  font-size: 16px;
  padding-bottom: 100px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .rec-comming-txt {
    width: 90%;
  }
}

.agriculture-title-jp {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.agriculture-title-en {
  font-size: 60px;
  font-weight: 700;
  font-family: "Montserrat-Bold";
  color: #2d805c;
  letter-spacing: 0.02em;
}

.agriculture-title-en::first-letter {
  color: #ff8039;
}

.agriculture-kihon-txt01 {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.02em;
  text-align: justify;
}

/*
.agriculture-kihon-txt02 {
  font-size: 25px;
  line-height: 2.2;
  text-align: justify;
}
*/

/* サブコンテンツ ここから */
.agriculture-area {
  display: grid;
  grid-template-columns: 25.3125% auto 32.8125%;
  grid-template-rows: 35.3125% auto;
}
@media screen and (max-width: 768px) {
  .agriculture-area {
    grid-template-columns: 5% 20% auto 20% 5%;
    grid-template-rows: auto;
  }
}
.agriculture-area > div:nth-child(1) {
  grid-column: 1/4;
  grid-row: 2/3;
  width: 100%;
  height: 100%;
/*  background-color: #fff;*/
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .agriculture-area > div:nth-child(1) {
    grid-column: 1/6;
    grid-row: 2/3;
  }
}
.agriculture-area > div:nth-child(2) {
  grid-column: 1/4;
  grid-row: 1/3;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .agriculture-area > div:nth-child(2) {
    grid-column: 2/5;
    grid-row: 1/3;
  }
}
.agriculture-area > div:nth-child(2) > div {
  width: 65.9375%;
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .agriculture-area > div:nth-child(2) > div {
    width: 100%;
    padding: 40px 0;
  }
}

.agriculture-area > div:nth-child(2) > div > div {
  display: grid;
  grid-template-columns: 45.3125% auto 45.3125%;
  grid-template-rows: 70px auto;
}
@media screen and (max-width: 768px) {
  .agriculture-area > div:nth-child(2) > div > div {
    grid-template-columns: 5% 20% auto 20% 5%;
    grid-template-rows: auto;
  }
}

.agriculture-area > div:nth-child(2) > div > div > .right-side  {
  grid-column: 3/4;
  grid-row: 1/3;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .agriculture-area > div:nth-child(2) > div > div > .right-side {
    grid-column: 1/6;
    grid-row: 1/2;
  }
}
.agriculture-area > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) {
  text-align: center;
}

.agriculture-area > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) {
  text-align: center;
}

.agriculture-area > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(3) {
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .agriculture-area > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(3) {
    text-align: justify;
  }
}
.agriculture-area > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(4) {
  padding-bottom: 80px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .agriculture-area > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(4) {
    text-align: justify;
  }
}
.agriculture-area > div:nth-child(2) > div > div > .left-side  {
  grid-column: 1/2;
  grid-row: 1/3;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .agriculture-area > div:nth-child(2) > div > div > .left-side {
    grid-column: 1/6;
    grid-row: 2/3;
  }
}
.agriculture-area > div:nth-child(2) > div > div > .left-side {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .agriculture-area > div:nth-child(2) > div > div > .left-side {
    flex-direction: column;
  }
}
.agriculture-area > div:nth-child(2) > div > div > .left-side.display-flex {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .agriculture-area > div:nth-child(2) > div > div > .left-side.responsable {
    margin-top: 70px;
  }
}
.agriculture-area > div:nth-child(2) > div > div > .left-side > div {
  width: 100%;
  position: relative;

}
@media screen and (max-width: 768px) {
  .agriculture-area > div:nth-child(2) > div > div > .left-side > div {
    width: 100%;
  }
}
.agriculture-area .agriculture-image01-1{
  width: 100%;
  background-image: url(../img/business/agriculture/agriculture-01story-taue.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 630/449;
}
/*
.agriculture-area .agriculture-image01-2{
  width: 100%;
  background-image: url(../img/business/agriculture/agriculture-01story-inaho.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 630/449;
  margin-top: 20px;
}
*/
.agriculture-area .agriculture-image02 {
  width: 100%;
  background-image: url(../img/business/agriculture/agriculture-02sustainability.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 630/449;
}
.agriculture-area .agriculture-image03 {
  width: 100%;
  background-image: url(../img/business/agriculture/agriculture-03future.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 630/449;
}

/* サブコンテンツ ここまで */



