/*
#modal{
  width: 100%;
  height: auto;
  background: #fff;
  line-height: 1.8;
  padding: 60px 30px 63px;
  box-sizing: border-box;
}
*/
.plantModal {
  padding: 60px 30px 63px;
}
.plantModal.plantSlide {
  padding: 20px 10px 20px;
}

.contents.index .col1Img,
.plantModal .col1Img {
  max-width: 823px;
  width: 100%;
  margin: 20px auto 0;
}
.contents.index .col201,
.plantModal .col201 {
  position: relative;
}
.contents.index .col0201_in,
.plantModal .col0201_in {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 4%;
}
.contents.index .col0201_left,
.plantModal .col0201_left {
  -ms-flex: 1;
      flex: 1;
}
.contents.index .wrapperHead,
.plantModal .wrapperHead {
  line-height: 1.4;
}
.contents.index ._sp,
.plantModal ._sp {
  display: none;
}
.contents.index .contentsTtlPoint,
.plantModal .contentsTtlPoint {
  max-width: 600px;
  position: relative;
  margin: 0 auto;
  padding: 0.8em 0 0.9em 0.4em;
  border: solid 2px #333;
  border-radius: 100px;
  font-size: var(--fsize28);
}
.contents.index .contentsTtlPoint::before,
.plantModal .contentsTtlPoint::before {
  display: none;
}
.contents.index .contentsTtlPoint span,
.plantModal .contentsTtlPoint span {
  position: absolute;
  display: block;
  width: 80px;
  top: -20px;
  left: 30px;
}
.contents.index .contentsTtlPoint span img,
.plantModal .contentsTtlPoint span img {
  width: 100%;
  height: auto;
}
.contents.index .contentsTtlPoint.contentsTtlQue,
.plantModal .contentsTtlPoint.contentsTtlQue {
  max-width: 680px;
  padding: 0.8em 2em 0.9em;
  font-size: var(--fsize24);
}
.contents.index .contentsTtlh4,
.plantModal .contentsTtlh4 {
  font-size: var(--fsize20);
  font-weight: normal;
  text-decoration: underline;
  text-underline-offset: 0.4em;
  -webkit-text-decoration-color: #fdd000;
          text-decoration-color: #fdd000;
  text-decoration-thickness: 4px;
}
.contents.index .notes,
.plantModal .notes {
  font-size: var(--fsize12);
}
.contents.index .contentsText01,
.plantModal .contentsText01 {
  display: inline-block;
  padding: 0 0.3em 0.2em;
  font-size: var(--fsize40);
  line-height: 1;
  background: linear-gradient(transparent 50%, #ffed76 60%);
}
.contents.index .contentsText01 span,
.plantModal .contentsText01 span {
  font-size: var(--fsize50);
  font-weight: 700;
}
.contents.index .contentsTxtQ,
.plantModal .contentsTxtQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.contents.index .contentsTxtQ span,
.plantModal .contentsTxtQ span {
  display: block;
}
.contents.index .contentsTxtQ span._iconQ,
.plantModal .contentsTxtQ span._iconQ {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px;
  margin: -10px 10px 0 0;
}
.contents.index .contentsTxtQ span._iconQ img,
.plantModal .contentsTxtQ span._iconQ img {
  width: 100%;
  height: auto;
}
.contents.index .contentsTxtQ span._txtQ,
.plantModal .contentsTxtQ span._txtQ {
  font-size: var(--fsize20);
  line-height: 1.4;
  margin-top: -0.8em;
}
.contents.index .contentsImg,
.plantModal .contentsImg {
  margin-top: 40px;
  padding: 30px 10px 30px;
  background: #f0f0f0;
  border-radius: 20px;
}
.contents.index .contentsImg .imgOuter,
.plantModal .contentsImg .imgOuter {
  margin: 0 auto;
}
.contents.index .contentsImg .imgOuter.inImg01,
.plantModal .contentsImg .imgOuter.inImg01 {
  max-width: 760px;
}
.contents.index .contentsImg .imgOuter.inImg02,
.plantModal .contentsImg .imgOuter.inImg02 {
  max-width: 750px;
}
.contents.index .contentsImg .imgOuter.inImg03,
.plantModal .contentsImg .imgOuter.inImg03 {
  max-width: 674px;
}
.contents.index .contentsImg .imgOuter.inImg07,
.plantModal .contentsImg .imgOuter.inImg07 {
  max-width: 600px;
}
.contents.index .contentsImg .imgOuter.inImg08,
.plantModal .contentsImg .imgOuter.inImg08 {
  max-width: 670px;
}
.contents.index .contentsImg .contentsImgInnerBox,
.plantModal .contentsImg .contentsImgInnerBox {
  position: relative;
  width: calc(100% - 40px);
  max-width: 660px;
  margin: 30px auto 0;
  padding: 20px 0 22px;
  background: #fff;
  border-radius: 20px;
  border: solid 2px #ffed76;
}
.contents.index .contentsImg .contentsImgInnerBox div,
.plantModal .contentsImg .contentsImgInnerBox div {
  position: absolute;
  width: 90px;
  top: -14px;
  left: 20px;
}
.contents.index .contentsImg .contentsImgInnerBox div img,
.plantModal .contentsImg .contentsImgInnerBox div img {
  width: 100%;
  height: auto;
}
.contents.index .contentsImgList,
.plantModal .contentsImgList {
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}
.contents.index .contentsImgList li,
.plantModal .contentsImgList li {
  width: calc(33.3333333333% - 30px);
  padding: 34px 0 37px;
  background: #f0f0f0;
  border-radius: 20px;
}
.contents.index .contentsImgList li:not(:first-of-type),
.plantModal .contentsImgList li:not(:first-of-type) {
  margin-left: 45px;
}
.contents.index .contentsImgList .inImg04,
.plantModal .contentsImgList .inImg04 {
  width: 72%;
  margin: 0 auto 20px;
}
.contents.index .contentsListVoice,
.plantModal .contentsListVoice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.contents.index .contentsListVoice li,
.plantModal .contentsListVoice li {
  width: 50%;
  margin-top: 40px;
}
.contents.index .contentsListVoice li p,
.plantModal .contentsListVoice li p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 156px;
  margin: 0 20px 0 70px;
  padding: 30px 20px;
  background: #f0f0f0;
  border-radius: 20px;
}
.contents.index .contentsListVoice li dl,
.plantModal .contentsListVoice li dl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  font-size: var(--fsize12);
  margin-right: 20px;
}
.contents.index .contentsListVoice li .contentsListVoiceImg,
.plantModal .contentsListVoice li .contentsListVoiceImg {
  position: absolute;
  width: 100px;
  bottom: 24px;
  left: 0;
}
.contents.index .contentsListVoice li .contentsListVoiceImg img,
.plantModal .contentsListVoice li .contentsListVoiceImg img {
  width: 100%;
  height: auto;
}
.contents.index .col0201_img,
.plantModal .col0201_img {
  width: 100%;
  max-width: 330px;
}
.contents.index .col0202_img,
.plantModal .col0202_img {
  max-width: 672px;
  width: 100%;
  margin: 40px auto 0;
}
.contents.index .col0202_link,
.plantModal .col0202_link {
  text-align: right;
  margin-top: 20px;
}
.contents.index .col03_img,
.plantModal .col03_img {
  max-width: 624px;
  width: 100%;
  margin: 40px auto 0;
}
.contents.index .col04_img,
.plantModal .col04_img {
  max-width: 828px;
  width: 100%;
  margin: 40px auto 0;
}
.contents.index .map,
.plantModal .map {
  text-align: center;
  margin-top: 40px;
}
.contents.index .mapImg,
.plantModal .mapImg {
  max-width: 670px;
  width: 100%;
  margin: 0 auto;
}
.contents.index .mapNotes,
.plantModal .mapNotes {
  margin-top: 10px;
  display: inline-block;
}
.contents.index .mapNotes > li,
.plantModal .mapNotes > li {
  text-align: left;
  font-size: var(--fsize12);
}
.contents.index .detail,
.plantModal .detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  gap: 40px 12px;
  margin: 0 auto;
}
.contents.index .detail li,
.plantModal .detail li {
  width: 260px;
}
.contents.index .detailImg,
.plantModal .detailImg {
  margin-bottom: 10px;
}
.contents.index .detailTtl,
.plantModal .detailTtl {
  font-size: var(--fsize16);
  font-weight: 500;
}
.contents.index .detailTxt,
.plantModal .detailTxt {
  font-size: var(--fsize14);
}
.contents.index .colPlant,
.plantModal .colPlant {
  margin: 40px auto 0;
  border: 2px solid #f0f0f0;
  border-radius: var(--radius2);
}
.contents.index .col5Btn,
.plantModal .col5Btn {
  width: 100%;
  padding: 20px;
  font-size: var(--fsize20);
}
.contents.index .col5Btn:hover,
.plantModal .col5Btn:hover {
  opacity: 0.6;
}
.contents.index .col5Btn .ico,
.plantModal .col5Btn .ico {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 20px;
  top: calc(50% - 10px);
}
.contents.index .col5Btn .ico:before,
.plantModal .col5Btn .ico:before {
  content: "";
  width: 20px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: 9px;
}
.contents.index .col5Btn .ico:after,
.plantModal .col5Btn .ico:after {
  content: "";
  width: 2px;
  height: 20px;
  background: #000;
  position: absolute;
  left: 9px;
  top: 0;
  transition: transform 0.2s;
}
.contents.index .col5Btn.open .ico:after,
.plantModal .col5Btn.open .ico:after {
  transform: rotate(90deg);
}
.contents.index .col5Link,
.plantModal .col5Link {
  text-align: center;
  margin-top: 20px;
}

@media screen and (max-width: 1024px) {
  .contents.index .col1Img,
  .plantModal .col1Img {
    margin: 40px auto 0;
  }
  .contents.index .col0201_in,
  .plantModal .col0201_in {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    gap: 40px;
  }
  .contents.index .col0201_img,
  .plantModal .col0201_img {
    max-width: 660px;
  }
  .contents.index .col0202_img,
  .plantModal .col0202_img {
    margin: 40px auto 0;
  }
  .contents.index .col0202_link,
  .plantModal .col0202_link {
    margin-top: 20px;
  }
  .contents.index .col03_img,
  .plantModal .col03_img {
    margin: 40px auto 0;
  }
  .contents.index .col04_img,
  .plantModal .col04_img {
    margin: 40px auto 0;
  }
  .contents.index .map,
  .plantModal .map {
    margin-top: 40px;
  }
  .contents.index .mapNotes,
  .plantModal .mapNotes {
    margin-top: 10px;
  }
  .contents.index .mapNotes > li,
  .plantModal .mapNotes > li {
    font-size: var(--fsize20);
  }
  .contents.index .detail,
  .plantModal .detail {
    -ms-flex-wrap: column wrap;
        flex-wrap: column wrap;
    gap: 40px;
  }
  .contents.index .detail li,
  .plantModal .detail li {
    width: 100%;
    max-width: 520px;
  }
  .contents.index .detailImg,
  .plantModal .detailImg {
    margin-bottom: 20px;
  }
  .contents.index .detailTtl,
  .plantModal .detailTtl {
    font-size: var(--fsize32);
  }
  .contents.index .detailTxt,
  .plantModal .detailTxt {
    font-size: var(--fsize28);
  }
  .contents.index .col5Btn,
  .plantModal .col5Btn {
    font-size: var(--fsize28);
  }
  .contents.index .col5Btn .ico,
  .plantModal .col5Btn .ico {
    width: 30px;
    height: 30px;
    right: 10px;
    top: calc(50% - 15px);
  }
  .contents.index .col5Btn .ico:before,
  .plantModal .col5Btn .ico:before {
    width: 30px;
    top: 14px;
  }
  .contents.index .col5Btn .ico:after,
  .plantModal .col5Btn .ico:after {
    height: 30px;
    left: 14px;
  }
  .contents.index .col5Link,
  .plantModal .col5Link {
    text-align: left;
    margin-top: 20px;
  }
  .contents.index ._pc,
  .plantModal ._pc {
    display: none;
  }
  .contents.index .contentsTtlPoint,
  .plantModal .contentsTtlPoint {
    font-size: var(--fsize30);
  }
  .contents.index .contentsTtlPoint.contentsTtlQue,
  .plantModal .contentsTtlPoint.contentsTtlQue {
    font-size: var(--fsize26);
  }
  .contents.index .contentsImg .contentsImgInnerBox div,
  .plantModal .contentsImg .contentsImgInnerBox div {
    width: 90px;
    top: -14px;
    left: -10px;
  }
}
@media screen and (max-width: 767px) {
  .contents.index .col1Img,
  .plantModal .col1Img {
    margin: 5.22vw auto 0;
  }
  .contents.index .col0201_in,
  .plantModal .col0201_in {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    gap: 5.22vw;
  }
  .contents.index .col0202_img,
  .plantModal .col0202_img {
    margin: 5.22vw auto 0;
  }
  .contents.index .col0202_link,
  .plantModal .col0202_link {
    margin-top: 2.61vw;
  }
  .contents.index .col03_img,
  .plantModal .col03_img {
    margin: 5.22vw auto 0;
  }
  .contents.index .col04_img,
  .plantModal .col04_img {
    margin: 5.22vw auto 0;
  }
  .contents.index .map,
  .plantModal .map {
    margin-top: 5.22vw;
  }
  .contents.index .mapNotes,
  .plantModal .mapNotes {
    margin-top: 1.3vw;
  }
  .contents.index .mapNotes > li,
  .plantModal .mapNotes > li {
    font-size: 2.61vw;
  }
  .contents.index .detail,
  .plantModal .detail {
    gap: 5.22vw;
  }
  .contents.index .detailImg,
  .plantModal .detailImg {
    margin-bottom: 2.61vw;
  }
  .contents.index .detailTtl,
  .plantModal .detailTtl {
    font-size: 4.17vw;
  }
  .contents.index .detailTxt,
  .plantModal .detailTxt {
    font-size: 3.65vw;
  }
  .contents.index .col5Btn,
  .plantModal .col5Btn {
    padding: 2.09vw;
    font-size: 3.65vw;
  }
  .contents.index .col5Btn .ico,
  .plantModal .col5Btn .ico {
    width: 10px;
    height: 10px;
    right: 10px;
    top: calc(50% - 5px);
  }
  .contents.index .col5Btn .ico:before,
  .plantModal .col5Btn .ico:before {
    width: 10px;
    top: 4px;
  }
  .contents.index .col5Btn .ico:after,
  .plantModal .col5Btn .ico:after {
    height: 10px;
    left: 4px;
  }
  .contents.index .col5Link,
  .plantModal .col5Link {
    margin-top: 2.61vw;
  }
  .contents.index ._sp,
  .plantModal ._sp {
    display: inline;
  }
  .contents.index .contentsText01,
  .plantModal .contentsText01 {
    font-size: var(--fsize20);
  }
  .contents.index .contentsText01 span,
  .plantModal .contentsText01 span {
    font-size: var(--fsize30);
  }
  .contents.index .contentsTxtQ span._iconQ,
  .plantModal .contentsTxtQ span._iconQ {
    width: 40px;
  }
  .contents.index .contentsTxtQ span._txtQ,
  .plantModal .contentsTxtQ span._txtQ {
    font-size: var(--fsize16);
  }
  .contents.index .contentsTtlPoint,
  .plantModal .contentsTtlPoint {
    font-size: var(--fsize16);
  }
  .contents.index .contentsTtlPoint span,
  .plantModal .contentsTtlPoint span {
    width: 50px;
    top: -20px;
    left: -10px;
  }
  .contents.index .contentsTtlPoint.contentsTtlQue,
  .plantModal .contentsTtlPoint.contentsTtlQue {
    font-size: var(--fsize16);
  }
  .contents.index .contentsImg .contentsImgInnerBox,
  .plantModal .contentsImg .contentsImgInnerBox {
    width: calc(100% - 20px);
    font-size: var(--fsize12);
  }
  .contents.index .contentsImg .contentsImgInnerBox div,
  .plantModal .contentsImg .contentsImgInnerBox div {
    width: 50px;
    top: -20px;
    left: -20px;
  }
  .contents.index .contentsTtlh4,
  .plantModal .contentsTtlh4 {
    font-size: var(--fsize16);
  }
  .contents.index .contentsImgList,
  .plantModal .contentsImgList {
    display: block;
  }
  .contents.index .contentsImgList li,
  .plantModal .contentsImgList li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    padding: 24px 0 27px;
  }
  .contents.index .contentsImgList li:not(:first-of-type),
  .plantModal .contentsImgList li:not(:first-of-type) {
    margin-top: 30px;
    margin-left: 0;
  }
  .contents.index .contentsImgList .inImg04,
  .plantModal .contentsImgList .inImg04 {
    width: 30%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 10px 0 20px;
  }
  .contents.index .contentsImgList p,
  .plantModal .contentsImgList p {
    text-align: left;
  }
  .contents.index .contentsListVoice,
  .plantModal .contentsListVoice {
    display: block;
  }
  .contents.index .contentsListVoice li,
  .plantModal .contentsListVoice li {
    width: 100%;
    margin-top: 20px;
  }
  .contents.index .contentsListVoice li p,
  .plantModal .contentsListVoice li p {
    min-height: 116px;
    margin: 0 0 0 30px;
    padding: 24px 20px;
    line-height: 1.6;
    font-size: var(--fsize14);
  }
  .contents.index .contentsListVoice li dl,
  .plantModal .contentsListVoice li dl {
    font-size: var(--fsize12);
    margin-right: 0;
  }
  .contents.index .contentsListVoice li .contentsListVoiceImg,
  .plantModal .contentsListVoice li .contentsListVoiceImg {
    width: 60px;
  }
}
@media screen and (max-width: 755px) {
  #modal {
    padding: 20px 10px 23px;
  }
}