@charset "UTF-8";

body {
  overflow: visible;
  width: 100%
}

header {
  display: block;
  position: relative;
  z-index: 1000;
  margin-bottom: 0;
  padding-top: 0;
  background-image: none;
  height: auto
}

@media screen and (min-width:768px) {
  header {
    min-width: 1366px
  }
}

.hov {
  -webkit-transition: .3s opacity;
  transition: .3s opacity
}

.hov:hover {
  opacity: .8
}

.-inview {
  opacity: 0;
  -webkit-transition: .8s ease all;
  transition: .8s ease all
}

.-inview.-inviewed {
  opacity: 1
}

@media screen and (min-width:768px) {
  .-inview.-fadeUp {
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
  }
}

.-inview.-fadeUp.-inviewed {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

@media screen and (min-width:768px) {
  .hover__lineAnim {
    position: relative
  }
}

@media screen and (min-width:768px) {
  .hover__lineAnim::after {
    position: absolute;
    bottom: -6px;
    left: auto;
    right: 0;
    background-color: #000;
    width: 0;
    height: 2px;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: .3s all;
    transition: .3s all;
    content: ""
  }
}

@media screen and (min-width:768px) {
  .hover__lineAnim:hover::after {
    left: 0;
    width: 100%
  }
}

.agriculture__button a {
  display: inline-block;
  background-color: #248725;
  border-radius: 100px;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: 500;
  line-height: 1.67;
  text-decoration: none;
  -webkit-transition: .3s ease all;
  transition: .3s ease all
}

@media screen and (min-width:768px) {
  .agriculture__button a {
    padding: 8px 48px 11px
  }
}

@media screen and (max-width:767px) {
  .agriculture__button a {
    padding: .97vw 5.31vw 1.45vw
  }
}

.agriculture__button.-arrow a {
  position: relative
}

.agriculture__button.-arrow a::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%228%22%20viewBox%3D%220%200%206%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0%200L6%204L0%208V0Z%22%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 6px;
  height: 8px;
  -webkit-transition: .3s ease all;
  transition: .3s ease all;
  content: ""
}

@media screen and (min-width:768px) {
  .agriculture__button.-arrow a::after {
    right: 33px
  }
}

@media screen and (max-width:767px) {
  .agriculture__button.-arrow a::after {
    right: 5.8vw
  }
}

@media screen and (min-width:768px) {
  .agriculture__button.-green a:hover {
    background-color: #ff6414
  }
}

@media screen and (min-width:768px) {
  .agriculture__button.-yellow a:hover {
    background-color: #ff6414;
    color: #fff
  }
}

@media screen and (min-width:768px) {
  .agri__sectionInner {
    width: 1210px;
    margin-left: auto;
    margin-right: auto
  }
}

.agriculture__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, .95);
  width: 100%
}

@media screen and (min-width:768px) {
  .agriculture__header {
    min-width: 1366px;
    padding: 25px;
    padding-left: 37px;
    padding-right: 27px
  }
}

@media screen and (max-width:767px) {
  .agriculture__header {
    height: 15.94vw;
    padding: 3.38vw;
    padding-left: 2.17vw;
    padding-right: 0
  }
}

@media screen and (min-width:768px) {
  .agriculture__header h1 {
    width: 261.82px
  }
}

@media screen and (max-width:767px) {
  .agriculture__header h1 {
    width: 46.86vw
  }
}

.agriculture__header h1 img {
  width: 100%;
  height: auto
}

.agriculture__header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:768px) {
  .agriculture__header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 87px
  }
}

@media screen and (min-width:768px) {
  .agriculture__header nav ul li+li {
    margin-left: 34px
  }
}

.agriculture__header nav ul a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-decoration: none
}

@media screen and (min-width:768px) {
  .agriculture__header nav ul a {
    font-size: 16px;
    font-size: 1.6rem
  }
}

@media screen and (min-width:768px) {
  .agriculture__header nav .agriculture__button a {
    font-size: 15px;
    font-size: 1.5rem
  }
}

@media screen and (max-width:767px) {
  .agriculture__header nav .agriculture__button a {
    font-size: 2.66vw
  }
}

@media screen and (min-width:768px) {
  .agriculture__menu {
    display: none !important
  }
}

@media screen and (max-width:767px) {
  .agriculture__menu {
    position: relative;
    width: 15.46vw;
    margin-left: 3.86vw;
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .agriculture__menu::before {
    position: absolute;
    top: -4.35vw;
    left: 0;
    background-color: #e5e5e5;
    width: 1px;
    height: 15.94vw;
    content: ""
  }
}

@media screen and (max-width:767px) {
  .-open .agriculture__menu__open {
    display: block
  }
}

@media screen and (min-width:768px) {
  .agriculture__menu__open {
    display: none !important
  }
}

@media screen and (max-width:767px) {
  .agriculture__menu__open {
    display: none;
    position: absolute;
    top: 15.94vw;
    left: 0;
    background-color: rgba(255, 255, 255, .95);
    width: 100%;
    border-top: 1px solid #e5e5e5;
    padding-top: 7.25vw;
    padding-bottom: 33.33vw
  }
}

@media screen and (max-width:767px) {
  .agriculture__menu__open .agriculture__button {
    font-size: 4.11vw;
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .agriculture__menu__open .agriculture__button a {
    padding: 3.38vw 13.29vw 3.62vw
  }
}

@media screen and (max-width:767px) {
  .agriculture__menu__open ul {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 7.25vw
  }
}

@media screen and (max-width:767px) {
  .agriculture__menu__open ul a {
    display: block;
    border-top: 1px solid #e5e5e5;
    padding-top: 5.56vw;
    padding-bottom: 5.56vw;
    padding-left: 7vw;
    font-size: 4.35vw;
    line-height: 1.67
  }
}

.main {
  background-repeat: no-repeat
}

@media screen and (min-width:768px) {
  .main {
    background-image: url(/hubfs/244588604/lp/sustagram-farm/img/main_bg.png);
    background-size: 2421.41px 866px;
    background-position: left -30px bottom -130px;
    width: 100%;
    min-width: 1366px;
    margin-top: 122px;
    padding-bottom: 54px
  }
}

@media screen and (max-width:767px) {
  .main {
    background-image: url(/hubfs/244588604/lp/sustagram-farm/img/main_bg@sp.png);
    background-size: 236.3vw 128.95vw;
    background-position: left -19.32vw bottom -59.42vw;
    padding-top: 24.15vw;
    padding-bottom: 8.52vw
  }
}

@media screen and (min-width:768px) {
  .main .main__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1320px;
    margin-left: auto;
    margin-right: auto
  }
}

@media screen and (min-width:768px) {
  .main__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}

@media screen and (max-width:767px) {
  .main__txt {
    width: 100%;
    padding: 0 4.83vw
  }
}

@media screen and (min-width:768px) {
  .main__txtWrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 auto
  }
}

.main__txt__copy {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 2.43;
  letter-spacing: .1em
}

@media screen and (min-width:768px) {
  .main__txt__copy {
    font-size: 24px;
    font-size: 2.4rem
  }
}

@media screen and (max-width:767px) {
  .main__txt__copy {
    font-size: 3.62vw
  }
}

@media screen and (min-width:768px) {
  .main__titleBlock {
    margin-top: 30px
  }
}

@media screen and (max-width:767px) {
  .main__titleBlock {
    margin-top: 4.35vw
  }
}

.main__titleBlock p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: .1em
}

@media screen and (min-width:768px) {
  .main__titleBlock p {
    font-size: 34px;
    font-size: 3.4rem
  }
}

@media screen and (max-width:767px) {
  .main__titleBlock p {
    font-size: 4.83vw
  }
}

@media screen and (min-width:768px) {
  .main__titleBlock h2 {
    margin-top: 15px
  }
}

@media screen and (max-width:767px) {
  .main__titleBlock h2 {
    margin-top: 3.86vw
  }
}

@media screen and (min-width:768px) {
  .main__titleBlock+.agriculture__button {
    margin-top: 30px
  }
}

@media screen and (max-width:767px) {
  .main__titleBlock+.agriculture__button {
    margin-top: 3.86vw
  }
}

@media screen and (min-width:768px) {
  .main__titleBlock+.agriculture__button a {
    padding: 15px 55px;
    font-size: 17px;
    font-size: 1.7rem
  }
}

@media screen and (max-width:767px) {
  .main__titleBlock+.agriculture__button a {
    padding: 3.62vw 13.29vw;
    font-size: 4.11vw
  }
}

@media screen and (min-width:768px) {
  .main__visual {
    width: 507px
  }
}

@media screen and (max-width:767px) {
  .main__visual {
    width: 100%;
    margin-top: 8.45vw;
    padding: 0 4.83vw
  }
}

.main__visual img {
  width: 100%;
  height: auto
}

.agri__content__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.34;
  text-align: center
}

@media screen and (min-width:768px) {
  .agri__content__title {
    font-size: 52px;
    font-size: 5.2rem
  }
}

@media screen and (max-width:767px) {
  .agri__content__title {
    font-size: 9.18vw
  }
}

@media screen and (min-width:768px) {
  .agri__content__title+.agri__content__titleEn {
    margin-top: 7px
  }
}

@media screen and (max-width:767px) {
  .agri__content__title+.agri__content__titleEn {
    margin-top: 3.38vw
  }
}

.agri__content__titleEn {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  line-height: 1.67;
  text-align: center
}

@media screen and (min-width:768px) {
  .agri__content__titleEn {
    font-size: 28px;
    font-size: 2.8rem
  }
}

@media screen and (max-width:767px) {
  .agri__content__titleEn {
    font-size: 5.31vw
  }
}

@media screen and (min-width:768px) {
  .agri__content__titleEn+.agri__content__read {
    margin-top: 52px
  }
}

@media screen and (max-width:767px) {
  .agri__content__titleEn+.agri__content__read {
    margin-top: 7vw
  }
}

.agri__content__read {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 2
}

@media screen and (min-width:768px) {
  .agri__content__read {
    font-size: 20px;
    font-size: 2rem;
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .agri__content__read {
    font-size: 4.83vw
  }
}

.wrapper {
  background: 0 0;
  width: 100%
}

@media screen and (min-width:768px) {
  .wrapper {
    min-width: 1366px
  }
}

.wrapper article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.agri__mv {
  position: sticky;
  top: 0;
  z-index: 0;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
  width: 100%
}

.agri__mv__wrap {
  position: relative;
  width: 100%;
  height: 100vh
}

.agri__mv__wrap>*,
.agri__mv__wrap>iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.agri__mv__wrap #player {
  pointer-events: none
}

.agri__intro {
  position: relative;
  z-index: 5;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 135, 62, 0)), color-stop(21.36%, rgba(0, 135, 62, .6)), color-stop(42.73%, rgba(0, 135, 62, .7)));
  background: linear-gradient(180deg, rgba(0, 135, 62, 0) 0, rgba(0, 135, 62, .6) 21.36%, rgba(0, 135, 62, .7) 42.73%);
  width: 100%
}

@media screen and (min-width:768px) {
  .agri__intro {
    padding-top: 365px;
    padding-bottom: 162px
  }
}

@media screen and (max-width:767px) {
  .agri__intro {
    padding-top: 75.36vw;
    padding-bottom: 17.41vw
  }
}

.agri__intro .botLeft,
.agri__intro .botRight {
  position: absolute;
  bottom: -1px;
  background-size: 100%;
  background-repeat: no-repeat
}

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

  .agri__intro .botLeft,
  .agri__intro .botRight {
    width: 74px;
    height: 74px
  }
}

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

  .agri__intro .botLeft,
  .agri__intro .botRight {
    width: 10.63vw;
    height: 10.63vw
  }
}

.agri__intro .botLeft {
  left: 0;
  background-image: url(/hubfs/244588604/lp/sustagram-farm/img/agri_bot_left_gray.svg)
}

.agri__intro .botRight {
  right: 0;
  background-image: url(/hubfs/244588604/lp/sustagram-farm/img/agri_bot_right_gray.svg)
}

.agri__intro>* {
  position: relative;
  z-index: 1
}

.agri__intro::before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 67.5%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(53.66%, rgba(255, 255, 255, .05)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .05) 53.66%);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  content: ""
}

.agri__intro__read {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: 500;
  line-height: 3;
  text-align: center;
  letter-spacing: .05em
}

@media screen and (min-width:768px) {
  .agri__intro__read {
    font-size: 28px;
    font-size: 2.8rem
  }
}

@media screen and (max-width:767px) {
  .agri__intro__read {
    font-size: 5.31vw
  }
}

.agri__intro__read02 {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: .05em;
  text-align: center
}

@media screen and (min-width:768px) {
  .agri__intro__read02 {
    margin-top: 83px;
    font-size: 36px;
    font-size: 3.6rem
  }
}

@media screen and (max-width:767px) {
  .agri__intro__read02 {
    margin-top: 13.29vw;
    font-size: 7.73vw
  }
}

.agri__intro__read03 {
  text-align: center
}

@media screen and (min-width:768px) {
  .agri__intro__read03 {
    margin-top: 88px
  }
}

@media screen and (max-width:767px) {
  .agri__intro__read03 {
    margin-top: 13.53vw
  }
}

.agri__intro__read03 img {
  height: auto
}

@media screen and (min-width:768px) {
  .agri__intro__read03 img {
    width: 785px
  }
}

@media screen and (max-width:767px) {
  .agri__intro__read03 img {
    width: 77.78vw
  }
}

.agri__intro__read03 span {
  display: inline-block;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: 500;
  line-height: 1.67
}

@media screen and (min-width:768px) {
  .agri__intro__read03 span {
    margin-left: 19px;
    font-size: 54px;
    font-size: 5.4rem
  }
}

@media screen and (max-width:767px) {
  .agri__intro__read03 span {
    margin-left: 1.93vw;
    font-size: 5.31vw
  }
}

@media screen and (min-width:768px) {
  .agri__intro__read04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 46px
  }
}

@media screen and (max-width:767px) {
  .agri__intro__read04 {
    margin-top: 9.66vw;
    text-align: center
  }
}

.agri__intro__read04__item {
  display: inline-block;
  background-color: #ffe607;
  border-radius: 6px;
  font-family: "Noto Sans JP", sans-serif;
  color: #248725;
  font-weight: 500;
  line-height: 1.86
}

@media screen and (min-width:768px) {
  .agri__intro__read04__item {
    padding: 0 28px 5px;
    font-size: 40px;
    font-size: 4rem
  }
}

@media screen and (max-width:767px) {
  .agri__intro__read04__item {
    padding: 0 5.56vw 1.21vw;
    font-size: 8.21vw
  }
}

@media screen and (min-width:768px) {
  .agri__intro__read04__kakeru {
    width: 46px;
    margin: 0 24px
  }
}

@media screen and (max-width:767px) {
  .agri__intro__read04__kakeru {
    width: 9.42vw;
    margin: 4.83vw auto
  }
}

.agri__intro__read04__kakeru img {
  width: 100%;
  height: auto
}

.agri__intro__read04__text {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: 500
}

@media screen and (min-width:768px) {
  .agri__intro__read04__text {
    margin-left: 24px;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.86
  }
}

@media screen and (max-width:767px) {
  .agri__intro__read04__text {
    margin-top: 12.56vw;
    font-size: 7.73vw;
    line-height: 1.67
  }
}

@media screen and (min-width:768px) {
  .agri__intro__arrow {
    width: 150px;
    margin: 133px auto 0
  }
}

@media screen and (max-width:767px) {
  .agri__intro__arrow {
    width: 25.6vw;
    margin: 13.29vw auto 0
  }
}

.agri__intro__arrow img {
  width: 100%;
  height: auto
}

.agri__sustagramFarm {
  position: relative;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
  background-color: #eceef0;
  width: 100%
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm {
    padding-top: 88px;
    padding-bottom: 230px
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm {
    margin-top: -15.94vw;
    padding-top: 15.94vw;
    padding-bottom: 29.47vw
  }
}

.agri__sustagramFarm>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.agri__sustagramFarm>div>* {
  position: relative;
  z-index: 1
}

.agri__sustagramFarm #particles-js {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 0 !important;
  width: 100%;
  pointer-events: none
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm #particles-js {
    height: 834px
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm #particles-js {
    height: 216.43vw
  }
}

.agri__sustagramFarm .slider {
  overflow: hidden
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm .slider {
    margin-top: -834px
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm .slider {
    margin-top: -216.43vw
  }
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm .slider+.agri__sectionInner {
    margin-top: -560px
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm .slider+.agri__sectionInner {
    margin-top: -181.16vw
  }
}

.agri__sustagramFarm .slider .slick-slide {
  margin: 0 .2em
}

.agri__sustagramFarm .slider>div {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-weight: 700;
  line-height: 1.67;
  white-space: nowrap
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm .slider>div {
    font-size: 150px;
    font-size: 15rem
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm .slider>div {
    font-size: 19.08vw
  }
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm .agri__sectionInner {
    margin-top: 86px
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm .agri__sectionInner {
    padding: 0 7.25vw
  }
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__item.-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__item.-reverse .agri__sustagramFarm__itemImage {
    margin-left: 75px;
    margin-right: 0
  }
}

.agri__sustagramFarm__item.-reverse .agri__sustagramFarm__itemText__title {
  letter-spacing: 0
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__item+.agri__sustagramFarm__item {
    margin-top: 107px
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__item+.agri__sustagramFarm__item {
    margin-top: 19.57vw
  }
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__itemImage {
    width: 480px;
    margin-left: 0;
    margin-right: 75px
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__itemImage {
    margin-bottom: 9.66vw
  }
}

.agri__sustagramFarm__itemImage img {
  width: 100%;
  height: auto
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__itemText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}

.agri__sustagramFarm__itemText .agri__sustagramFarm__itemText__copy {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.67
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__itemText .agri__sustagramFarm__itemText__copy {
    font-size: 28px;
    font-size: 2.8rem
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__itemText .agri__sustagramFarm__itemText__copy {
    font-size: 5.8vw
  }
}

.agri__sustagramFarm__itemText .agri__sustagramFarm__itemText__copy>span {
  display: inline-block;
  background-color: #ffe607;
  color: #248725
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__itemText .agri__sustagramFarm__itemText__copy>span {
    border-radius: 6px;
    margin: 0 11px;
    padding: 0 17px 3px
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__itemText .agri__sustagramFarm__itemText__copy>span {
    border-radius: 1.21vw;
    margin: 0 2.17vw;
    padding: 0 2.42vw .72vw;
    font-size: 5.31vw
  }
}

.agri__sustagramFarm__itemText .agri__sustagramFarm__itemText__title {
  font-family: "Noto Sans JP", sans-serif;
  color: #248725;
  font-weight: 500;
  line-height: 1.26;
  letter-spacing: -.03em
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__itemText .agri__sustagramFarm__itemText__title {
    margin-top: 25px;
    font-size: 84px;
    font-size: 8.4rem
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__itemText .agri__sustagramFarm__itemText__title {
    margin-top: 2.17vw;
    font-size: 13.53vw
  }
}

.agri__sustagramFarm__itemText .agri__sustagramFarm__itemText__read {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 2.2
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__itemText .agri__sustagramFarm__itemText__read {
    margin-top: 33px;
    font-size: 21px;
    font-size: 2.1rem
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__itemText .agri__sustagramFarm__itemText__read {
    margin-top: 2.17vw;
    font-size: 4.35vw
  }
}

.agri__sustagramFarm__caseBlock {
  background-color: #fff;
  border-radius: 30px
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__caseBlock {
    border: 5px solid #248725;
    margin-top: 100px;
    padding: 15px 79px 10px
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__caseBlock {
    border: 3px solid #248725;
    margin-top: 9.66vw;
    padding-left: 4.11vw;
    padding-right: 4.11vw
  }
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__list .agri__sustagramFarm__caseBlock__listItem>div.pc-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 34px;
    padding-bottom: 46px
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__list .agri__sustagramFarm__caseBlock__listItem>div.sp-item {
    padding-top: 6.28vw;
    padding-bottom: 6.28vw
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__list .agri__sustagramFarm__caseBlock__listItem>div.sp-item .agri__sustagramFarm__caseBlock__listItem__titleBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__list .agri__sustagramFarm__caseBlock__listItem>div.sp-item .agri__sustagramFarm__caseBlock__listItem__titleBlock .agri__sustagramFarm__caseBlock__listItem__textTitle {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 3.62vw
  }
}

.agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__list .agri__sustagramFarm__caseBlock__listItem:not(:first-of-type) {
  border-top: 1px solid #248725
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__thumb {
    width: 138px
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__thumb {
    width: 21.5vw
  }
}

.agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__thumb img {
  width: 100%;
  height: auto
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px
  }
}

.agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.67
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textTitle {
    font-size: 28px;
    font-size: 2.8rem
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textTitle {
    font-size: 5.8vw
  }
}

.agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textTitle>span {
  color: #248725
}

.agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textRead {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.67
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textRead {
    margin-top: 16px;
    font-size: 28px;
    font-size: 2.8rem
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textRead {
    margin-top: 6.28vw;
    font-size: 5.31vw
  }
}

.agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textRead>span {
  display: inline-block;
  background-color: #248725;
  border-radius: 6px;
  color: #fff
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textRead>span {
    margin-right: 18px;
    padding: 3px 19px 6px;
    font-size: 24px;
    font-size: 2.4rem
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textRead>span {
    margin-bottom: 2.9vw;
    margin-right: 2.9vw;
    padding: .72vw 2.9vw 1.45vw;
    font-size: 4.83vw
  }
}

.agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textRead+small {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  color: #666;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textRead+small {
    margin-top: 17px;
    font-size: 18px;
    font-size: 1.8rem
  }
}

@media screen and (max-width:767px) {
  .agri__sustagramFarm__caseBlock .agri__sustagramFarm__caseBlock__listItem__textRead+small {
    font-size: 3.62vw
  }
}

.agri__support {
  position: relative;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
  background-color: #fff;
  width: 100%
}

@media screen and (min-width:768px) {
  .agri__support {
    border-radius: 60px 60px 0 0;
    margin-top: -92px;
    padding-top: 139px;
    padding-bottom: 281px
  }
}

@media screen and (max-width:767px) {
  .agri__support {
    border-radius: 7.25vw 7.25vw 0 0;
    margin-top: -8.21vw;
    padding: 14.49vw 4.83vw 30.92vw
  }
}

.agri__support::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url(/hubfs/244588604/lp/sustagram-farm/img/agri_arrowbot_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: ""
}

@media screen and (min-width:768px) {
  .agri__support::before {
    top: -47px;
    width: 150px;
    height: 106px
  }
}

@media screen and (min-width:768px) {
  .agri__support+.agri__contact {
    margin-top: -92px
  }
}

@media screen and (max-width:767px) {
  .agri__support+.agri__contact {
    margin-top: -7.97vw
  }
}

.agri__support__title {
  font-family: "Noto Sans JP", sans-serif;
  color: #248725;
  font-weight: 500;
  line-height: 1.67;
  text-align: center
}

@media screen and (min-width:768px) {
  .agri__support__title {
    font-size: 56px;
    font-size: 5.6rem
  }
}

@media screen and (max-width:767px) {
  .agri__support__title {
    font-size: 9.18vw
  }
}

@media screen and (min-width:768px) {
  .agri__support__title+.agri__support__item {
    margin-top: 75px
  }
}

@media screen and (max-width:767px) {
  .agri__support__title+.agri__support__item {
    margin-top: 10.87vw
  }
}

.agri__support__item {
  position: relative
}

.agri__support__item>* {
  position: relative;
  z-index: 2
}

.agri__support__item .agri__support__itemInner {
  background-color: #edeff1
}

@media screen and (min-width:768px) {
  .agri__support__item .agri__support__itemInner {
    border-radius: 60px;
    padding: 81px 70px 79px
  }
}

@media screen and (max-width:767px) {
  .agri__support__item .agri__support__itemInner {
    border-radius: 4.83vw;
    padding: 11.11vw 6.76vw 8.94vw;
    padding-right: 0
  }
}

.agri__support__item::after,
.agri__support__item::before {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  content: ""
}

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

  .agri__support__item::after,
  .agri__support__item::before {
    border-radius: 60px
  }
}

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

  .agri__support__item::after,
  .agri__support__item::before {
    border-radius: 4.83vw
  }
}

.agri__support__item::before {
  z-index: 1;
  background-color: #dce0e4
}

@media screen and (min-width:768px) {
  .agri__support__item::before {
    bottom: -21px
  }
}

@media screen and (max-width:767px) {
  .agri__support__item::before {
    bottom: -2.42vw
  }
}

.agri__support__item::after {
  z-index: 0;
  background-color: #d6d9dc
}

@media screen and (min-width:768px) {
  .agri__support__item::after {
    bottom: -41px
  }
}

@media screen and (max-width:767px) {
  .agri__support__item::after {
    bottom: -4.83vw
  }
}

@media screen and (min-width:768px) {
  .agri__support__item+.agri__support__item {
    margin-top: 100px
  }
}

@media screen and (max-width:767px) {
  .agri__support__item+.agri__support__item {
    margin-top: 14.49vw
  }
}

@media screen and (min-width:768px) {
  .agri__support__item.-item01 .agri__support__item__mainBlock__image {
    width: 476.62px
  }
}

@media screen and (max-width:767px) {
  .agri__support__item.-item01 .agri__support__item__mainBlock__image {
    width: 65.85vw;
    margin: 0 auto;
    margin-right: 11.59vw
  }
}

@media screen and (min-width:768px) {
  .agri__support__item.-item01 .agri__support__item__mainBlock__text {
    margin-left: 59px
  }
}

@media screen and (min-width:768px) {
  .agri__support__item.-item02 .agri__support__itemInner {
    padding-right: 55px
  }
}

@media screen and (min-width:768px) {
  .agri__support__item.-item02 .agri__support__item__mainBlock__image {
    width: 487px
  }
}

@media screen and (max-width:767px) {
  .agri__support__item.-item02 .agri__support__item__mainBlock__image {
    width: 69.81vw;
    margin: 0 auto;
    margin-right: 11.59vw
  }
}

@media screen and (min-width:768px) {
  .agri__support__item.-item02 .agri__support__item__mainBlock__text {
    margin-left: 53px
  }
}

@media screen and (min-width:768px) {
  .agri__support__item.-item02 .agri__support__item__mainBlock__textCopy {
    font-size: 34px;
    font-size: 3.4rem
  }
}

@media screen and (min-width:768px) {
  .agri__support__item.-item03 .agri__support__itemInner {
    padding-top: 54px;
    padding-bottom: 48px;
    padding-right: 40px
  }
}

@media screen and (min-width:768px) {
  .agri__support__item.-item03 .agri__support__item__mainBlock__image {
    width: 319px;
    margin-left: 73px
  }
}

@media screen and (max-width:767px) {
  .agri__support__item.-item03 .agri__support__item__mainBlock__image {
    width: 53.86vw;
    margin: 0 auto;
    margin-right: 18.84vw
  }
}

@media screen and (min-width:768px) {
  .agri__support__item.-item03 .agri__support__item__mainBlock__text {
    margin-left: 148px
  }
}

@media screen and (min-width:768px) {
  .agri__support__item__mainBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (min-width:768px) {
  .agri__support__item__mainBlock__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}

@media screen and (max-width:767px) {
  .agri__support__item__mainBlock__text {
    margin-top: 7.97vw
  }
}

.agri__support__item__mainBlock__textLabel {
  display: inline-block;
  background-color: #248725;
  border-radius: 6px;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: 500;
  line-height: 1.67
}

@media screen and (min-width:768px) {
  .agri__support__item__mainBlock__textLabel {
    padding: 3px 17px 6px;
    font-size: 28px;
    font-size: 2.8rem
  }
}

@media screen and (max-width:767px) {
  .agri__support__item__mainBlock__textLabel {
    padding: .72vw 3.38vw 1.45vw;
    font-size: 4.35vw
  }
}

.agri__support__item__mainBlock__textCopy {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.67
}

@media screen and (min-width:768px) {
  .agri__support__item__mainBlock__textCopy {
    margin-top: 24px;
    font-size: 40px;
    font-size: 4rem
  }
}

@media screen and (max-width:767px) {
  .agri__support__item__mainBlock__textCopy {
    margin-top: 3.38vw;
    font-size: 5.31vw
  }
}

.agri__support__item__mainBlock__textCopy>span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #ffe607), color-stop(90%, #ffe607), color-stop(90%, transparent), to(transparent));
  background: linear-gradient(transparent 70%, #ffe607 70%, #ffe607 90%, transparent 90%, transparent 100%);
  color: #248725
}

@media screen and (min-width:768px) {
  .agri__support__item__textBlock {
    margin-top: 32px
  }
}

@media screen and (max-width:767px) {
  .agri__support__item__textBlock {
    margin-top: 5.56vw
  }
}

.agri__support__item__textBlock__caution {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.67
}

@media screen and (min-width:768px) {
  .agri__support__item__textBlock__caution {
    font-size: 18px;
    font-size: 1.8rem
  }
}

@media screen and (max-width:767px) {
  .agri__support__item__textBlock__caution {
    font-size: 3.86vw
  }
}

@media screen and (min-width:768px) {
  .agri__support__item__textBlock__caution+.agri__support__item__textBlock__block {
    margin-top: 17px
  }
}

@media screen and (max-width:767px) {
  .agri__support__item__textBlock__caution+.agri__support__item__textBlock__block {
    margin-top: 1.93vw
  }
}

.agri__support__item__textBlock__block {
  font-family: "Noto Sans JP", sans-serif;
  color: #666;
  font-weight: 400;
  line-height: 1.67
}

@media screen and (min-width:768px) {
  .agri__support__item__textBlock__block {
    font-size: 16px;
    font-size: 1.6rem
  }
}

@media screen and (max-width:767px) {
  .agri__support__item__textBlock__block {
    font-size: 3.38vw
  }
}

@media screen and (min-width:768px) {
  .agri__support__item__textBlock__block+.agri__support__item__textBlock__block {
    margin-top: 25px
  }
}

@media screen and (max-width:767px) {
  .agri__support__item__textBlock__block+.agri__support__item__textBlock__block {
    margin-top: 4.83vw
  }
}

@media screen and (min-width:768px) {
  .agri__support__item__textBlock__read+.agri__support__item__textBlock__list {
    margin-top: 5px
  }
}

@media screen and (max-width:767px) {
  .agri__support__item__textBlock__read+.agri__support__item__textBlock__list {
    margin-top: 1.21vw
  }
}

.agri__support__item__textBlock__list li {
  position: relative;
  padding-left: 1em
}

.agri__support__item__textBlock__list li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・"
}

.agri__contact {
  position: relative;
  z-index: 3;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
  width: 100%
}

.agri__contactInner {
  overflow: hidden;
  position: relative;
  z-index: 1
}

@media screen and (min-width:768px) {
  .agri__contactInner {
    background-image: url(/hubfs/244588604/lp/sustagram-farm/img/agri_contact_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 60px;
    padding-top: 141px;
    padding-bottom: 136px
  }
}

@media screen and (max-width:767px) {
  .agri__contactInner {
    background-color: #248725;
    border-radius: 7.25vw;
    padding: 0 10.87vw 9.66vw
  }
}

@media screen and (max-width:767px) {
  .agri__contactInner>.sp-item {
    margin-left: -10.87vw;
    margin-right: -10.87vw
  }
}

@media screen and (min-width:768px) {
  .agri__contactInner .agriculture__button {
    display: inline-block
  }
}

.agri__contactInner .agriculture__button.-arrow a::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%228%22%20viewBox%3D%220%200%206%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0%200L6%204L0%208V0Z%22%20fill%3D%22%23248725%22%2F%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100%
}

@media screen and (min-width:768px) {
  .agri__contactInner .agriculture__button.-arrow a:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%228%22%20viewBox%3D%220%200%206%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0%200L6%204L0%208V0Z%22%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100%
  }
}

.agri__contact__read {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: 500;
  line-height: 1.67
}

@media screen and (min-width:768px) {
  .agri__contact__read {
    font-size: 26px;
    font-size: 2.6rem
  }
}

@media screen and (max-width:767px) {
  .agri__contact__read {
    margin-top: 7.25vw;
    font-size: 5.31vw
  }
}

@media screen and (min-width:768px) {
  .agri__contact__read+.agri__contact__title {
    margin-top: 5px
  }
}

@media screen and (max-width:767px) {
  .agri__contact__read+.agri__contact__title {
    margin-top: 1.93vw
  }
}

.agri__contact__title {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: 500;
  line-height: 1.67
}

@media screen and (min-width:768px) {
  .agri__contact__title {
    font-size: 44px;
    font-size: 4.4rem
  }
}

@media screen and (max-width:767px) {
  .agri__contact__title {
    font-size: 8.7vw
  }
}

@media screen and (min-width:768px) {
  .agri__contact__title+.agriculture__button {
    margin-top: 45px
  }
}

@media screen and (max-width:767px) {
  .agri__contact__title+.agriculture__button {
    width: 100%;
    margin-top: 5.31vw
  }
}

.agri__contact__title+.agriculture__button a {
  display: block;
  background-color: #ffe607;
  color: #000
}

@media screen and (min-width:768px) {
  .agri__contact__title+.agriculture__button a {
    padding: 21px 65px 26px;
    font-size: 20px;
    font-size: 2rem
  }
}

@media screen and (max-width:767px) {
  .agri__contact__title+.agriculture__button a {
    padding: 5.07vw 15.7vw 6.28vw;
    padding-right: 0;
    font-size: 4.83vw
  }
}

.agri__review {
  position: relative;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
  background-color: #edeff1;
  width: 100%
}

@media screen and (min-width:768px) {
  .agri__review {
    margin-top: -92px;
    padding-top: 213px;
    padding-bottom: 248px
  }
}

@media screen and (max-width:767px) {
  .agri__review {
    margin-top: -7.97vw;
    padding-top: 21.01vw;
    padding-bottom: 28.5vw
  }
}

@media screen and (max-width:767px) {
  .agri__review .agri__sectionInner {
    padding-left: 7.25vw;
    padding-right: 7.25vw
  }
}

.agri__review .agri__content__title,
.agri__review .agri__content__titleEn {
  color: #248725
}

.agri__review__list {
  display: -ms-grid;
  display: grid
}

@media screen and (min-width:768px) {
  .agri__review__list {
    margin-top: 69px
  }
}

@media screen and (max-width:767px) {
  .agri__review__list {
    margin-top: 9.66vw
  }
}

@media screen and (min-width:768px) {
  .agri__review__list+.agri__review__list {
    margin-top: 80px
  }
}

@media screen and (max-width:767px) {
  .agri__review__list+.agri__review__list {
    margin-top: 9.66vw
  }
}

@media screen and (min-width:768px) {
  .agri__review__list.-col2 {
    -ms-grid-columns: 1fr 50px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 83px 50px
  }
}

@media screen and (max-width:767px) {
  .agri__review__list.-col2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 9.66vw 0
  }
}

@media screen and (min-width:768px) {
  .agri__review__list.-col2 .agri__review__listItem__label {
    font-size: 20px;
    font-size: 2rem
  }
}

@media screen and (max-width:767px) {
  .agri__review__list.-col2 .agri__review__listItem__label {
    font-size: 4.35vw
  }
}

@media screen and (min-width:768px) {
  .agri__review__list.-col2 .agri__review__listItem__title {
    margin-top: 16px;
    font-size: 28px;
    font-size: 2.8rem
  }
}

@media screen and (max-width:767px) {
  .agri__review__list.-col2 .agri__review__listItem__title {
    margin-top: 3.14vw;
    font-size: 5.31vw
  }
}

@media screen and (min-width:768px) {
  .agri__review__list.-col2 .agri__review__listItem__thumb {
    margin-top: 32px
  }
}

@media screen and (max-width:767px) {
  .agri__review__list.-col2 .agri__review__listItem__thumb {
    margin-top: 6.04vw
  }
}

@media screen and (min-width:768px) {
  .agri__review__list.-col2 .agri__review__listItem__read {
    margin-top: 36px;
    font-size: 20px;
    font-size: 2rem
  }
}

@media screen and (max-width:767px) {
  .agri__review__list.-col2 .agri__review__listItem__read {
    margin-top: 4.83vw;
    font-size: 4.35vw
  }
}

@media screen and (min-width:768px) {
  .agri__review__list.-col3 {
    -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 50px
  }
}

@media screen and (max-width:767px) {
  .agri__review__list.-col3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 9.66vw 0
  }
}

@media screen and (min-width:768px) {
  .agri__review__list.-col3 .agri__review__listItem__label {
    margin-top: 26px;
    font-size: 16px;
    font-size: 1.6rem
  }
}

@media screen and (max-width:767px) {
  .agri__review__list.-col3 .agri__review__listItem__label {
    margin-top: 9.18vw;
    font-size: 4.35vw
  }
}

@media screen and (min-width:768px) {
  .agri__review__list.-col3 .agri__review__listItem__title {
    margin-top: 9px;
    font-size: 24px;
    font-size: 2.4rem
  }
}

@media screen and (max-width:767px) {
  .agri__review__list.-col3 .agri__review__listItem__title {
    margin-top: 3.14vw;
    font-size: 5.31vw
  }
}

@media screen and (min-width:768px) {
  .agri__review__list.-col3 .agri__review__listItem__read {
    margin-top: 9px;
    font-size: 18px;
    font-size: 1.8rem
  }
}

@media screen and (max-width:767px) {
  .agri__review__list.-col3 .agri__review__listItem__read {
    margin-top: .97vw;
    font-size: 4.35vw
  }
}

.agri__review__modal {
  background-color: #edeff1
}

@media screen and (min-width:768px) {
  .agri__review__modal {
    border-radius: 30px;
    width: 980px
  }
}

@media screen and (max-width:767px) {
  .agri__review__modal {
    border-radius: 4.83vw;
    width: 90.34vw
  }
}

@media screen and (min-width:768px) {
  .agri__review__modal .agri__review__listItem__thumb {
    border-radius: 30px 30px 0 0
  }
}

@media screen and (min-width:768px) {
  .agri__review__modal .agri__review__listItem__label {
    font-size: 20px;
    font-size: 2rem
  }
}

@media screen and (max-width:767px) {
  .agri__review__modal .agri__review__listItem__label {
    font-size: 4.35vw
  }
}

@media screen and (min-width:768px) {
  .agri__review__modal .agri__review__listItem__title {
    margin-top: 15px;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 2
  }
}

@media screen and (max-width:767px) {
  .agri__review__modal .agri__review__listItem__title {
    margin-top: 3.86vw;
    font-size: 5.31vw;
    line-height: 1.67
  }
}

@media screen and (min-width:768px) {
  .agri__review__modal .agri__review__listItem__read {
    font-size: 16px;
    font-size: 1.6rem
  }
}

@media screen and (max-width:767px) {
  .agri__review__modal .agri__review__listItem__read {
    font-size: 3.86vw
  }
}

.agri__review__modal .agri__review__listItem__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .agri__review__modal .agri__review__listItem__text {
    margin-top: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2
  }
}

@media screen and (max-width:767px) {
  .agri__review__modal .agri__review__listItem__text {
    margin-top: 4.83vw;
    font-size: 3.86vw;
    line-height: 2
  }
}

@media screen and (min-width:768px) {
  .agri__review__modal .agri__review__text__block {
    margin-top: 15px
  }
}

@media screen and (max-width:767px) {
  .agri__review__modal .agri__review__text__block {
    margin-top: 3.86vw
  }
}

@media screen and (min-width:768px) {
  .agri__review__modal .agri__review__text__block+.agri__review__text__block {
    margin-top: 38px
  }
}

@media screen and (max-width:767px) {
  .agri__review__modal .agri__review__text__block+.agri__review__text__block {
    margin-top: 9.42vw
  }
}

@media screen and (max-width:767px) {
  .fancybox-content {
    padding: 11.11vw 0 15.22vw
  }
}

.fancybox-content .fancybox-close-small {
  position: fixed;
  background-color: #fff;
  border-radius: 100%
}

@media screen and (min-width:768px) {
  .fancybox-content .fancybox-close-small {
    top: 73px;
    right: calc(((100% - 980px)/ 2) + 25px);
    width: 58px;
    height: 58px
  }
}

@media screen and (max-width:767px) {
  .fancybox-content .fancybox-close-small {
    top: 15.22vw;
    right: calc(((100% - 90.34vw)/ 2) + 2.42vw);
    width: 5.31vw;
    height: 5.31vw;
    padding: 1.21vw
  }
}

.fancybox-content .fancybox-close-small svg path {
  fill: #248725
}

@media screen and (min-width:768px) {
  .agri__review__modal__inner {
    padding: 83px 155px 66px
  }
}

@media screen and (max-width:767px) {
  .agri__review__modal__inner {
    padding: 7.73vw 6.76vw 8.94vw
  }
}

.agri__review__listItem a {
  text-decoration: none;
  -webkit-transition: .3s ease all;
  transition: .3s ease all
}

@media screen and (min-width:768px) {
  .agri__review__listItem a:hover .agri__review__listItem__thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}

.agri__review__listItem__thumb {
  overflow: hidden
}

.agri__review__listItem__thumb img {
  width: 100%;
  height: auto;
  -webkit-transition: .3s ease all;
  transition: .3s ease all
}

.agri__review__listItem__label {
  display: inline-block;
  background-color: #248725;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 1;
  color: #fff
}

@media screen and (min-width:768px) {
  .agri__review__listItem__label {
    margin-top: 42px;
    border-radius: 6px;
    padding: 9px 10px
  }
}

@media screen and (max-width:767px) {
  .agri__review__listItem__label {
    margin-top: 6.76vw;
    border-radius: 1.45vw;
    padding: 1.93vw 2.42vw
  }
}

.agri__review__listItem__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.68;
  letter-spacing: -.04em
}

.agri__review__listItem__read {
  background-color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.68
}

@media screen and (min-width:768px) {
  .agri__review__listItem__read {
    border-radius: 10px;
    padding: 9px 40px 12px;
    font-size: 20px;
    font-size: 2rem
  }
}

@media screen and (max-width:767px) {
  .agri__review__listItem__read {
    border-radius: 2.42vw;
    padding: 2.9vw 7.25vw 3.38vw;
    font-size: 3.86vw
  }
}

@media screen and (min-width:768px) {
  .agri__review__listItem__read.-mrgTop {
    margin-top: 60px !important
  }
}

.agri__flow {
  position: relative;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
  background: linear-gradient(158.65deg, #34aa84 3.81%, #1d9e78 36.92%, #5db91d 93.28%);
  width: 100%
}

@media screen and (min-width:768px) {
  .agri__flow {
    border-radius: 60px 60px 0 0;
    margin-top: -92px;
    padding-top: 109px;
    padding-bottom: 215px
  }
}

@media screen and (max-width:767px) {
  .agri__flow {
    border-radius: 7.25vw 7.25vw 0 0;
    margin-top: -11.11vw;
    padding-top: 15.94vw;
    padding-bottom: 26.57vw
  }
}

@media screen and (max-width:767px) {
  .agri__flow .agri__sectionInner {
    padding-left: 4.83vw;
    padding-right: 4.83vw
  }
}

.agri__flow .agri__content__title,
.agri__flow .agri__content__titleEn {
  color: #fff
}

.agri__flow+.agri__contact {
  background-color: transparent
}

@media screen and (min-width:768px) {
  .agri__flow+.agri__contact {
    margin-top: -89px
  }
}

@media screen and (max-width:767px) {
  .agri__flow+.agri__contact {
    margin-top: -7.97vw
  }
}

.agri__flow__title {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: 500;
  line-height: 1.34;
  text-align: center
}

@media screen and (min-width:768px) {
  .agri__flow__title {
    font-size: 52px;
    font-size: 5.2rem
  }
}

@media screen and (min-width:768px) {
  .agri__flow__title+.agri__flow__titleEn {
    margin-top: 7px
  }
}

.agri__flow__titleEn {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-weight: 600;
  line-height: 1.67;
  text-align: center
}

@media screen and (min-width:768px) {
  .agri__flow__titleEn {
    font-size: 28px;
    font-size: 2.8rem
  }
}

@media screen and (min-width:768px) {
  .agri__flow__titleEn+.agri__flow__read {
    margin-top: 52px
  }
}

.agri__flow__list {
  display: -ms-grid;
  display: grid
}

@media screen and (min-width:768px) {
  .agri__flow__list {
    -ms-grid-columns: 1fr 56px 1fr 56px 1fr 56px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 56px;
    margin-top: 76px
  }
}

@media screen and (max-width:767px) {
  .agri__flow__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 20.53vw 0;
    margin-top: 7.73vw
  }
}

.agri__flow__listItem {
  position: relative;
  background-color: #fff;
  border: 3px solid #d0b70e
}

@media screen and (min-width:768px) {
  .agri__flow__listItem {
    border-radius: 20px;
    padding: 48px 27px 221px
  }
}

@media screen and (max-width:767px) {
  .agri__flow__listItem {
    border-radius: 4.83vw;
    padding: 10.63vw 11.11vw 11.59vw
  }
}

.agri__flow__listItem:nth-of-type(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

@media screen and (max-width:767px) {
  .agri__flow__listItem:nth-of-type(1) .agri__flow__listItem__thumb {
    width: 33.09vw
  }
}

.agri__flow__listItem:nth-of-type(2) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

@media screen and (max-width:767px) {
  .agri__flow__listItem:nth-of-type(2) .agri__flow__listItem__thumb {
    width: 29.71vw
  }
}

.agri__flow__listItem:nth-of-type(3) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

@media screen and (max-width:767px) {
  .agri__flow__listItem:nth-of-type(3) .agri__flow__listItem__thumb {
    width: 26.09vw
  }
}

.agri__flow__listItem:nth-of-type(4) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

@media screen and (max-width:767px) {
  .agri__flow__listItem:nth-of-type(4) .agri__flow__listItem__thumb {
    width: 32.61vw
  }
}

.agri__flow__listItem:not(:last-of-type)::after {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""
}

@media screen and (min-width:768px) {
  .agri__flow__listItem:not(:last-of-type)::after {
    background-image: url(/hubfs/244588604/lp/sustagram-farm/img/agri_flow_arrow.svg);
    top: 50%;
    right: -38px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 19.03px;
    height: 59.45px
  }
}

@media screen and (max-width:767px) {
  .agri__flow__listItem:not(:last-of-type)::after {
    background-image: url(/hubfs/244588604/lp/sustagram-farm/img/agri_flow_arrow@sp.svg);
    bottom: -13.29vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 17.15vw;
    height: 5.32vw
  }
}

.agri__flow__listItem__step {
  font-family: Montserrat, sans-serif;
  color: #248725;
  font-weight: 600;
  line-height: 1;
  text-align: center
}

@media screen and (min-width:768px) {
  .agri__flow__listItem__step {
    font-size: 26px;
    font-size: 2.6rem
  }
}

@media screen and (max-width:767px) {
  .agri__flow__listItem__step {
    font-size: 6.28vw
  }
}

.agri__flow__listItem__step>span {
  vertical-align: sub
}

@media screen and (min-width:768px) {
  .agri__flow__listItem__step>span {
    margin-left: 11px;
    font-size: 40px;
    font-size: 4rem
  }
}

@media screen and (max-width:767px) {
  .agri__flow__listItem__step>span {
    margin-left: 2.66vw;
    font-size: 9.66vw
  }
}

.agri__flow__listItem__title {
  font-family: "Noto Sans JP", sans-serif;
  color: #248725;
  font-weight: 500;
  line-height: 2;
  text-align: center
}

@media screen and (min-width:768px) {
  .agri__flow__listItem__title {
    margin-top: 16px;
    font-size: 24px;
    font-size: 2.4rem
  }
}

@media screen and (max-width:767px) {
  .agri__flow__listItem__title {
    margin-top: 3.62vw;
    font-size: 6.28vw
  }
}

.agri__flow__listItem__read {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.91
}

@media screen and (min-width:768px) {
  .agri__flow__listItem__read {
    margin-top: 18px;
    font-size: 18px;
    font-size: 1.8rem
  }
}

@media screen and (max-width:767px) {
  .agri__flow__listItem__read {
    margin-top: 3.86vw;
    font-size: 4.35vw
  }
}

@media screen and (min-width:768px) {
  .agri__flow__listItem__thumb {
    position: absolute;
    bottom: 59px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

@media screen and (max-width:767px) {
  .agri__flow__listItem__thumb {
    margin: 8.94vw auto 0;
    text-align: center
  }
}

.agri__flow__listItem__thumb img {
  width: 100%;
  height: auto
}

.agri__others {
  position: relative;
  z-index: 2;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
  background-color: #edeff1;
  width: 100%
}

@media screen and (min-width:768px) {
  .agri__others {
    border-radius: 0 0 60px 60px;
    margin-top: -92px;
    padding-top: 230px;
    padding-bottom: 133px
  }
}

@media screen and (max-width:767px) {
  .agri__others {
    border-radius: 0 0 7.25vw 7.25vw;
    margin-top: -7.97vw;
    padding-top: 21.01vw;
    padding-bottom: 11.59vw
  }
}

@media screen and (max-width:767px) {
  .agri__others .agri__sectionInner {
    padding-left: 4.83vw;
    padding-right: 4.83vw
  }
}

.agri__others .agri__content__title,
.agri__others .agri__content__titleEn {
  color: #248725
}

@media screen and (min-width:768px) {
  .agri__others__faq {
    margin-top: -100px;
    padding-top: 100px
  }
}

@media screen and (max-width:767px) {
  .agri__others__faq {
    margin-top: -15.94vw;
    padding-top: 15.94vw
  }
}

.agri__others__faq__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr)
}

@media screen and (min-width:768px) {
  .agri__others__faq__list {
    gap: 30px 0;
    margin-top: 69px
  }
}

@media screen and (max-width:767px) {
  .agri__others__faq__list {
    gap: 4.59vw 0;
    margin-top: 6.04vw
  }
}

.agri__others__faq__listItem {
  background-color: #fff
}

@media screen and (min-width:768px) {
  .agri__others__faq__listItem {
    border-radius: 30px;
    padding: 21px 29px 29px
  }
}

@media screen and (max-width:767px) {
  .agri__others__faq__listItem {
    border-radius: 3.62vw;
    padding: 4.59vw 6.52vw 6.28vw
  }
}

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

  .agri__others__faq__listItem .-a,
  .agri__others__faq__listItem .-q {
    padding: 14px 27px 16px
  }
}

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

  .agri__others__faq__listItem .-a,
  .agri__others__faq__listItem .-q {
    padding: 2.66vw 5.56vw 3.14vw 0
  }
}

.agri__others__faq__listItem .-q {
  position: relative
}

.agri__others__faq__listItem .-q::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1, -1);
  transform: translateY(-50%) scale(1, -1);
  background-image: url(/hubfs/244588604/lp/sustagram-farm/img/agri_faq_open.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 21px;
  height: 18.67px;
  content: ""
}

@media screen and (min-width:768px) {
  .agri__others__faq__listItem .-q::before {
    right: 15px
  }
}

@media screen and (max-width:767px) {
  .agri__others__faq__listItem .-q::before {
    right: 0
  }
}

.agri__others__faq__listItem .-q.-open::before {
  -webkit-transform: translateY(-50%) scale(1, 1);
  transform: translateY(-50%) scale(1, 1)
}

.agri__others__faq__listItem .-a {
  display: none;
  background-color: #edeff1;
  border-radius: 10px
}

@media screen and (min-width:768px) {
  .agri__others__faq__listItem .-a {
    margin-top: 16px
  }
}

@media screen and (max-width:767px) {
  .agri__others__faq__listItem .-a {
    margin-top: 3.38vw;
    padding-left: 4.35vw
  }
}

.agri__others__faq__listItem .-aText,
.agri__others__faq__listItem .-qText {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400
}

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

  .agri__others__faq__listItem .-aText,
  .agri__others__faq__listItem .-qText {
    padding-left: 68px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 2
  }
}

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

  .agri__others__faq__listItem .-aText,
  .agri__others__faq__listItem .-qText {
    padding-left: 10.14vw;
    font-size: 4.35vw;
    line-height: 1.67
  }
}

.agri__others__faq__listItem .-aText::before,
.agri__others__faq__listItem .-qText::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: Montserrat, sans-serif;
  color: #248725;
  font-weight: 700;
  line-height: 1
}

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

  .agri__others__faq__listItem .-aText::before,
  .agri__others__faq__listItem .-qText::before {
    font-size: 40px;
    font-size: 4rem
  }
}

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

  .agri__others__faq__listItem .-aText::before,
  .agri__others__faq__listItem .-qText::before {
    font-size: 6.76vw
  }
}

.agri__others__faq__listItem .-qText::before {
  content: "Q."
}

.agri__others__faq__listItem .-aText::before {
  content: "A."
}

.agri__others__faq__listItem .-caution {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  padding-left: 1.1em
}

@media screen and (min-width:768px) {
  .agri__others__faq__listItem .-caution {
    margin-left: 68px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2
  }
}

@media screen and (max-width:767px) {
  .agri__others__faq__listItem .-caution {
    margin-top: 1.45vw;
    margin-left: 10.14vw;
    font-size: 3.38vw;
    line-height: 1.67
  }
}

.agri__others__faq__listItem .-caution::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※"
}

@media screen and (min-width:768px) {
  .agri__others__company {
    margin-top: 13px;
    padding-top: 100px
  }
}

@media screen and (max-width:767px) {
  .agri__others__company {
    margin-top: -2.9vw;
    padding-top: 15.94vw
  }
}

@media screen and (max-width:767px) {
  .agri__others__company .agri__content__read {
    padding: 0 4.83vw;
    font-size: 4.35vw;
    line-height: 1.67
  }
}

.agri__others__company__list {
  display: -ms-grid;
  display: grid
}

@media screen and (min-width:768px) {
  .agri__others__company__list {
    -ms-grid-columns: 1fr 49px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 49px;
    margin-top: 64px
  }
}

@media screen and (max-width:767px) {
  .agri__others__company__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 7.25vw 0;
    margin-top: 10.63vw
  }
}

.agri__others__company__listItem {
  position: relative;
  background-color: #fff
}

@media screen and (min-width:768px) {
  .agri__others__company__listItem {
    border-radius: 30px;
    padding: 43px 55px 207px
  }
}

@media screen and (max-width:767px) {
  .agri__others__company__listItem {
    border-radius: 3.62vw;
    padding: 6.52vw 6.52vw 9.66vw
  }
}

.agri__others__company__listItem:nth-of-type(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.agri__others__company__listItem:nth-of-type(2) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

.agri__others__company__listItem__title {
  border-bottom: 2px solid #d2d2d2;
  font-family: "Noto Sans JP", sans-serif;
  color: #248725;
  font-weight: 400;
  line-height: 1.67
}

@media screen and (min-width:768px) {
  .agri__others__company__listItem__title {
    padding-bottom: 25px;
    font-size: 28px;
    font-size: 2.8rem
  }
}

@media screen and (max-width:767px) {
  .agri__others__company__listItem__title {
    padding-bottom: 3.86vw;
    font-size: 4.83vw
  }
}

@media screen and (min-width:768px) {
  .agri__others__company__listItem__detail {
    margin-top: 30px
  }
}

@media screen and (max-width:767px) {
  .agri__others__company__listItem__detail {
    margin-top: 6.76vw
  }
}

.agri__others__company__listItem__detail div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width:767px) {
  .agri__others__company__listItem__detail div+div {
    margin-top: 2.9vw
  }
}

.agri__others__company__listItem__detail div dd,
.agri__others__company__listItem__detail div dt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400
}

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

  .agri__others__company__listItem__detail div dd,
  .agri__others__company__listItem__detail div dt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2
  }
}

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

  .agri__others__company__listItem__detail div dd,
  .agri__others__company__listItem__detail div dt {
    font-size: 3.86vw;
    line-height: 1.67
  }
}

@media screen and (min-width:768px) {
  .agri__others__company__listItem__detail div dt {
    width: 140px
  }
}

@media screen and (max-width:767px) {
  .agri__others__company__listItem__detail div dt {
    width: 26.57vw
  }
}

.agri__others__company__listItem__detail div dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.agri__others__company__listItem__link {
  border: 1px solid #d2d2d2;
  -webkit-transition: .3s ease all;
  transition: .3s ease all
}

@media screen and (min-width:768px) {
  .agri__others__company__listItem__link {
    position: absolute;
    bottom: 54px;
    left: 55px;
    width: calc(100% - 110px);
    height: 110px
  }
}

@media screen and (max-width:767px) {
  .agri__others__company__listItem__link {
    width: 100%;
    height: 21.74vw;
    margin-top: 7.25vw
  }
}

@media screen and (min-width:768px) {
  .agri__others__company__listItem__link:hover {
    background-color: #edeff1
  }
}

.agri__others__company__listItem__link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.agri__others__company__listItem__link a::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%228%22%20viewBox%3D%220%200%206%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0%200L6%204L0%208V0Z%22%20fill%3D%22%23248725%22%2F%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 6px;
  height: 8px;
  content: ""
}

@media screen and (min-width:768px) {
  .agri__others__company__listItem__link a::after {
    right: 33px
  }
}

@media screen and (max-width:767px) {
  .agri__others__company__listItem__link a::after {
    right: 5.8vw
  }
}

.agri__others__company__listItem__link a img {
  display: block;
  margin: 0 auto;
  mix-blend-mode: multiply
}

.agri__contactArea {
  position: relative;
  z-index: 1;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
  background-color: #fff;
  width: 100%
}

@media screen and (min-width:768px) {
  .agri__contactArea {
    margin-top: -92px;
    padding-top: 231px;
    padding-bottom: 73px
  }
}

@media screen and (max-width:767px) {
  .agri__contactArea {
    margin-top: -7.97vw;
    padding-top: 20.05vw;
    padding-bottom: 9.66vw
  }
}

@media screen and (max-width:767px) {
  .agri__contactArea .agri__sectionInner {
    padding-left: 4.83vw;
    padding-right: 4.83vw
  }
}

.agri__contactArea .agri__content__title,
.agri__contactArea .agri__content__titleEn {
  color: #248725
}

.agri__contactArea__wrap {
  background-color: rgba(217, 217, 217, .2)
}

@media screen and (min-width:768px) {
  .agri__contactArea__wrap {
    margin-top: 81px;
    padding: 68px 0
  }
}

@media screen and (max-width:767px) {
  .agri__contactArea__wrap {
    margin-top: 9.66vw;
    padding: 7.25vw 3.86vw
  }
}

@media screen and (min-width:768px) {
  .agri__contactArea__wrap form {
    margin-left: auto;
    margin-right: auto
  }
}

@media screen and (max-width:767px) {
  .agri__contactArea__wrap form {
    width: 100% !important
  }
}

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

  .agri__contactArea__wrap form .mktoFieldDescriptor,
  .agri__contactArea__wrap form .mktoFieldWrap,
  .agri__contactArea__wrap form .mktoFormCol,
  .agri__contactArea__wrap form .mktoHtmlText,
  .agri__contactArea__wrap form .mktoLogicalField {
    width: 100% !important
  }
}

@media screen and (max-width:767px) {
  .agri__contactArea__wrap form .mktoLogicalField input {
    width: initial !important
  }
}

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

  .agri__contactArea__wrap form input,
  .agri__contactArea__wrap form textarea {
    width: 100% !important
  }
}

@media screen and (min-width:768px) {
  #footer {
    min-width: 1366px !important
  }
}

#contact {
  bottom: 0;
  right: 0;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  z-index: 20
}

@media screen and (min-width:768px) {
  #contact {
    padding-bottom: 64px;
    min-width: 1366px
  }
}

@media screen and (max-width:767px) {
  #contact {
    padding-bottom: 19.08vw;
    width: 100%;
    border-bottom: 1px solid #ddd
  }
}

#contact:not(.-visible) {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}

.sticky {
  position: sticky
}

.sticky.sticky-fixed.is-sticky {
  position: fixed;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.sticky.sticky-fixed.is-sticky:not([style*=margin-top]) {
  margin-top: 0 !important
}

.sticky.sticky-fixed.is-sticky:not([style*=margin-bottom]) {
  margin-bottom: 0 !important
}

.sticky.sticky-fixed.is-absolute {
  position: absolute
}

.fancybox-content {
  background: 0 0
}

.fancybox-button svg path {
  fill: #fff
}

.video__cont {
  display: none;
  width: 80%
}

@media screen and (max-width:767px) {
  .video__cont {
    width: 100%
  }
}

.video__cont video {
  width: 100%
}