@charset "UTF-8";

.effect {
  opacity : 0;
  transition : 1s;
  filter: blur(10px);
  position : relative;
}

.effect.scrollin {
  opacity : 1;
  filter: blur(0);
}

.mbg {
  background : url(../img/yl-bg_pc.jpg) repeat-y;
  background-size : 100%;
}

@media screen and (max-width: 767px) {
  .mbg {
    background : url(../img/yl-bg_sp.jpg) repeat-y;
    background-size : 100%;
  }
}

.bgbk {
  background : #2d2b2b;
  color : #fff;
}

.sec-inner {
  width: 995px;
  max-width : calc(100% - 30px);
  margin: 0 auto;
  padding-bottom: 40px;
}


@media screen and (max-width: 767px) {
  .mv .cap-image .cap.cap-left {
    bottom : 2px;
  }
}

.sec-image-copys {
  width : 340px;
  position : absolute;
  left : 5%;
  top : 8%;
  z-index : 1;
}

.sec-image-copy-en {
  font-size : 19px;
  margin-bottom : 20px;
}

.sec-image-copy {
  font-size : 31px;
  line-height : 1.6;
}

@media screen and (max-width: 767px) {
  .sec-image-copy-en {
    font-size : 13px;
    margin-bottom : 10px;
  }
  
  .sec-image-copy {
    font-size : 16px;
    line-height : 1.6;
  }
}

.sec-image {
  position : relative;
}

.sec-image-bg img {
  width : 100%;
}

.sec-contents {
  text-align : center;
  padding: 60px 0 0;
}

.sec-ttl {
  font-size : 24px;
  margin : 0 0 20px;
}

.sec-copy {
  font-size : 31px;
  margin : 0 0 20px;
}

.sec-copy strong {
  font-size : 1.4em;
  font-weight:  normal;
}

.sec-txt {
  font-size : 16px;
  margin-bottom : 10px;
}

@media screen and (max-width: 767px) {
  .sec-ttl {
    font-size : 16px;
  }
  
  .sec-copy {
    font-size : 24px;
  }
  .sec-txt {
    font-size : 14px;
    margin-bottom : 10px;
  }
}

.material__row {
  width : 860px;
  max-width : 100%;
  margin: 40px auto 0;
  display : flex;
  justify-content : space-between;
  flex-wrap : wrap;
}

.material__row > div {
  width : 48%;
}

.material__row-left {
  display : flex;
  justify-content : space-between;
  flex-wrap : wrap;
}

.material__item {
  width : 48%;
  margin-bottom : 20px;
}

@media screen and (max-width: 767px) {
  .material__row > div {
    width : 100%;
  }
}

.material__item-ttl  {
  margin-top : 5px;
}

.material__row-right {
  text-align : right;
}

.car .sec-inner {
  padding-bottom : 0px;
}

.car .sec-txt small {
  display : block;
  margin-top : 10px;
}

.car__row {
  width : 995px;
  max-width : 100%;
  margin : 20px auto 0;
  display : flex;
  justify-content : space-between;
  flex-wrap : wrap;
}

.car__row > div {
  width : 50%;
}

@media screen and (max-width: 767px) {
  .car__row > div {
    width : 100%;
  }
}

.sec-inner {
  padding-top : 40px;
  position : relative;
}

.land-contents {
  text-align : left;
  padding-top: 0;
}

@media screen and (max-width: 900px) {
  .land-contents {
    position : static;
    text-align : center;
    margin-bottom : 40px;
  }
}

.land .sec-inner {
  padding-bottom : 80px;
}

.land__img {
  position : absolute;
  right : 0;
  top : 0;
  width: calc(570 / 995 * 100%);
}

@media screen and (max-width: 1100px) {
  .land__img {
    position : static;
    margin : 0 auto 40px;
  }
}

.land__img .cap {
  color : #000;
  bottom : -10px;
}

.land .sec-txt {
  margin-bottom : 40px;
}

.land__row {
  width : 533px;
  display : flex;
  justify-content : space-between;
  align-items:flex-end;
  margin-top : 120px;
}

.land__row > div {
  width : 48%;
}

.land__item {
  padding : 15px 0;
  background : #e6e6e6;
  border-bottom : solid 1px #000;
  margin-bottom : 5px;
}

.land__item-1 {
  font-size : clamp(10px, 1vw, 13px);
}

.land__item-2 {
  font-size : clamp(10px, 1.6vw, 20px);
}

@media screen and (max-width: 1100px) {
  .land__row {
    display : block;
    width : 100%;
    margin-top : 0;
  }
  .land__row > div {
    display : flex;
      width : 100%;
      justify-content : center;
  }
  .land__item {
    width : calc(100% / 5 - 10px);
    margin : 0 5px;
  }
  .land__right {
    margin-top : 10px;
  }
  .land__right > .land__item {
    min-width : 250px;
  }
}

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

  .land__row > div {
    display : block;
  }
  .land__item {
    width : 80%;
    margin : 0 auto 10px;
  }
  .land__right {
    margin-top : 0;
  }
  .land__right > .land__item {
    min-width : auto;
  }
  .land__item-1 {
    font-size : 13px;
  }
  
  .land__item-2 {
    font-size : 20px;
  }
}

.planting .sec-inner {
  width : 995px;
  max-width : calc(100% - 30px);
  margin: 0 auto 0;
  display : flex;
  justify-content : space-between;
  flex-wrap : wrap;
  padding-bottom: 60px;
}

.planting-contents {
  width : 300px;
  margin-right : 20px;
  text-align : left;
}

.planting-contents .sec-ttl {
  font-size : 20px;
}

.planting-contents .sec-copy {
  font-size : 24px;
}

.planting__row {
  flex : 1;
  display : flex;
  justify-content : space-between;
  flex-wrap : wrap;
}

.planting__item {
  width : calc((100% - 30px) / 4);
}

.planting__item-ttl {
  margin-top : 10px;
}

@media screen and (max-width: 767px) {
  .planting-contents,
  .planting__row {
    width : 100%;
    flex : auto;
  }
  .planting__item {
    width : 48%;
    margin-top : 20px;
  }
}