@charset "UTF-8";
/*******************************************************************************
ie11用のスタイル
*******************************************************************************/
/*******************************************************************************
edge用のスタイル
*******************************************************************************/
/*******************************************************************************
plants subTitle
*******************************************************************************/
.plants .subTitle {
  margin-left: 46px;
  width: 178px;
}
@media screen and (max-width: 896px) {
  .plants .subTitle {
    margin-left: 0;
    width: 100%;
  }
}

.single .plants .subTitle _:lang(x)::-ms-backdrop, .single .plants .subTitle {
  max-height: 153px;
}
.single .plants .subTitle _:-ms-lang(x)::backdrop, .single .plants .subTitle {
  max-height: 153px;
}
@media screen and (max-width: 896px) {
  .single .plants .subTitle _:lang(x)::-ms-backdrop, .single .plants .subTitle {
    max-height: auto;
  }
  .single .plants .subTitle _:-ms-lang(x)::backdrop, .single .plants .subTitle {
    max-height: auto;
  }
}

/*******************************************************************************
plants titleImg
*******************************************************************************/
.plants .titleImg__pc {
  background-image: url(../img/plants/title_pc.jpg);
}
.plants .titleImg__sp {
  background-image: url(../img/plants/title_sp.jpg);
}

/*******************************************************************************
plantsMain__sec
*******************************************************************************/
.plantsMain__sec:not(:last-child) {
  margin-bottom: 80px;
}

.plantsMain__sec__title {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.05em;
}

/*******************************************************************************
plantsMainSub__sec
*******************************************************************************/
.plantsMainSub__sec {
  margin-top: 40px;
}
.plantsMainSub__sec img {
  width: 100%;
}

.plantsMainSub__sec__title {
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.05em;
}

.plantsMainSub__sec__figure {
  margin-top: 24px;
}

/*******************************************************************************
plantsMain__mark
*******************************************************************************/
.plantsMain__mark__wrapper .plantsMain__sec__title {
  margin-bottom: 24px;
}
.plantsMain__mark__wrapper .plantsMainSub__sec__title {
  margin-bottom: 32px;
}

.plantsMain__mark {
  display: flex;
  margin-top: 0;
}
.plantsMain__mark:not(:last-child) {
  margin-bottom: 72px;
}

.plantsMain__mark__info {
  width: 352px;
  text-align: center;
}
@media screen and (max-width: 896px) {
  .plantsMain__mark__info {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  .plantsMain__mark__info {
    width: 100%;
  }
}

.plantsMain__mark__img {
  width: 416px;
  margin-right: 64px;
}
@media screen and (max-width: 896px) {
  .plantsMain__mark__img {
    width: 49%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 480px) {
  .plantsMain__mark__img {
    width: 100px;
    margin-right: 0;
  }
}
.plantsMain__mark__img img {
  width: 100%;
}
.plantsMain__mark__img--sp {
  width: 80%;
  margin: 0 auto 32px;
}

.plantsMain__mark__txt {
  text-align: justify;
  margin-bottom: 32px;
}

.plantsMain__mark__list {
  min-width: 100px;
}
.plantsMain__mark__list.noticeFrame _:lang(x)::-ms-backdrop, .plantsMain__mark__list.noticeFrame {
  padding: 5px 14px 2px;
  line-height: 1;
}

/*******************************************************************************
plants single
*******************************************************************************/
.plants__sec {
  display: flex;
  flex-wrap: wrap;
}

.plants__item {
  width: 256px;
  margin-top: 80px;
  text-align: center;
}
.plants__item:nth-child(1), .plants__item:nth-child(2), .plants__item:nth-child(3), .plants__item:nth-child(4) {
  margin-top: 0;
}
@media screen and (max-width: 896px) {
  .plants__item:nth-child(3), .plants__item:nth-child(4) {
    margin-top: 80px;
  }
}
.plants__item:not(:nth-child(4n)) {
  margin-right: 32px;
}
@media screen and (max-width: 896px) {
  .plants__item:not(:nth-child(4n)) {
    margin-right: 0;
  }
}
@media screen and (max-width: 896px) {
  .plants__item:nth-child(2n + 1) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 896px) {
  .plants__item {
    width: 49%;
  }
}

.plants__mark {
  margin-bottom: 8px;
}
.plants__mark img {
  width: 100%;
}

@media screen and (max-width: 320px) {
  .plants__num {
    font-size: 14px;
  }
}

.plants__name {
  font-weight: bold;
  margin-bottom: 8px;
}
@media screen and (max-width: 320px) {
  .plants__name {
    font-size: 14px;
  }
}

.plantsDownload {
  display: flex;
  justify-content: center;
}
.plantsDownload .noticeFrame {
  min-width: 68px;
}
@media screen and (max-width: 375px) {
  .plantsDownload .noticeFrame {
    min-width: 56px;
  }
}
@media screen and (max-width: 320px) {
  .plantsDownload .noticeFrame {
    min-width: 40px;
  }
}
.plantsDownload .noticeFrame _:lang(x)::-ms-backdrop, .plantsDownload .noticeFrame {
  padding: 5px 14px 2px;
  line-height: 1;
}
.plantsDownload span:first-child {
  margin-right: 12px;
}