@charset 'utf-8';

/* common
------------------------------------------------ */
.seeds { padding-bottom: 52px; font-family: 'Zen Maru Gothic', serif; font-weight: 500; }
.seeds * { letter-spacing: 0; }
.seeds-hd { position: relative; padding: 56px 0 64px; background: url(../../img/seeds/title_bg.png) no-repeat center center; background-size: cover; border-top: 6px solid #177C3E; z-index: 1; overflow: hidden; }
.seeds-hd::after { content: ''; position: absolute; background: url(../../img/seeds/title_pic.png) no-repeat center center; background-size: 100% 100%; z-index: -1; }
.seeds-hd-title { text-align: center; }
.seeds-hd-title span { display: inline-block; padding: 6px 2px 6px 10px; background-color: #0D7C3E; border-radius: 40px; vertical-align: top; font-size: 1.6rem; font-weight: 700; line-height: 1.2; color: #fff; }
.seeds-hd-title strong { display: block; margin-top: 12px; font-size: 2.6rem; font-weight: 700; color: #0D7C3E; }

@media screen and (max-width: 768px) {
  .seeds-hd::after { right: -18px; bottom: -15px; width: 254px; height: 192px; }
}

@media screen and (min-width: 769px) {
  .seeds .wrap { max-width: 1040px; }
  .seeds-hd { padding: 90px 0 100px; }
  .seeds-hd::after { bottom: -25px; left: 50%; width: 369px; height: 296px; }
  .seeds-hd-title span { padding: 8px 8px 8px 16px; font-size: 2.2rem; }
  .seeds-hd-title strong { margin-top: 14px; font-size: 4rem; }
}

/* introcuce
------------------------------------------------ */
.seeds-introcuce { position: relative; margin-top: 40px; }
.seeds-introcuce::before { content: ''; display: block; margin: 0 auto 18px; width: 222px; height: 10px; background: url(../../img/seeds/separator1.png) no-repeat center center; background-size: 100%; }
.seeds-introcuce-text { text-align: center; font-size: 1.4rem; line-height: 2.21428571429; }
.seeds-introcuce-text span { position: relative; z-index: 1; }
.seeds-introcuce-text span::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background-color: #FFCF4B; z-index: -1; }
.seeds-introcuce-example { position: relative; margin: 32px 0 36px; padding-bottom: 20px; z-index: 1; }
.seeds-introcuce-example::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 34px); background-color: #F4F1EA; border-radius: 40px; z-index: -1; }
.seeds-introcuce-example__lists { display: flex; flex-wrap: wrap; }
.seeds-introcuce-example__lists__item { position: relative; border: 4px solid #fff; border-radius: 39px; overflow: hidden; }
.seeds-introcuce-example__box { display: flex; justify-content: center; align-items: center; margin-top: 16px; }
.seeds-introcuce-example__box__title { width: 30px; height: 30px; background-color: #177C3E; border-radius: 50%; text-align: center; font-size: 1.7rem; line-height: 30px; color: #fff; }
.seeds-introcuce-example__box__text { margin-left: 8px; font-size: 1.3rem; line-height: 1.4; }

@media screen and (max-width: 768px) {
  .seeds-introcuce-text { padding: 0 15px; }
  .seeds-introcuce-example__lists { margin: 0 15px; }
  .seeds-introcuce-example__lists__item { margin: 15px 15px 0 0; width: calc(50% - (15px / 2)); }
  .seeds-introcuce-example__lists__item:nth-of-type(-n+2) { margin-top: 0; }
  .seeds-introcuce-example__lists__item:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
  .seeds-introcuce { margin-top: 80px; }
  .seeds-introcuce::before { margin-bottom: 44px; width: 320px; height: 13px; }
  .seeds-introcuce-text { font-size: 1.8rem; line-height: 2.22222222222; }
  .seeds-introcuce-text span::after { bottom: -1px; height: 8px; }
  .seeds-introcuce-example { margin: 74px 0 72px; padding-bottom: 25px; }
  .seeds-introcuce-example::after { height: calc(100% - 56px); border-radius: 50px; }
  .seeds-introcuce-example__lists { padding: 0 44px; }
  .seeds-introcuce-example__lists__item { margin: 38px 38px 0 0; width: calc(50% - (38px / 2)); border-width: 6px; border-radius: 50px; }
  .seeds-introcuce-example__lists__item:nth-of-type(-n+2) { margin-top: 0; }
  .seeds-introcuce-example__lists__item:nth-of-type(2n) { margin-right: 0; }
  .seeds-introcuce-example__box { margin-top: 20px; }
  .seeds-introcuce-example__box__title { width: 34px; height: 34px; font-size: 2rem; line-height: 34px; }
  .seeds-introcuce-example__box__text { margin-left: 12px; font-size: 1.6rem; }
}

/* attractive
------------------------------------------------ */
.seeds-attractive { position: relative; margin-top: 96px; padding: 44px 0 72px; background-color: #F4F1EA; }
.seeds-attractive::before,
.seeds-attractive::after { content: ''; position: absolute; left: 0; width: 100%; background-position: center center; background-repeat: repeat-x; background-size: auto 100%; }
.seeds-attractive::before { top: 0; }
.seeds-attractive::after { bottom: 0; }
.seeds-attractive-title { position: absolute; top: -52px; left: 50%; transform: translateX(-50%); padding: 0 40px; white-space: nowrap; font-size: 2rem; font-weight: 700; line-height: 1.2; }
.seeds-attractive-title::before,
.seeds-attractive-title::after { content: ''; position: absolute; top: -16px; width: 28px; height: 49px; background: url(../../img/seeds/attractive_title_pic.png) no-repeat center center; background-size: 100% 100%; }
.seeds-attractive-title::before { left: 0; }
.seeds-attractive-title::after { right: 0; transform: scaleX(-1); }
.seeds-attractive-block { position: relative; }
.seeds-attractive-block + .seeds-attractive-block { margin-top: 30px; }
.seeds-attractive-hd { display: flex; align-items: center; position: relative; z-index: 2; }
.seeds-attractive-num { position: relative; width: 66px; height: 66px; background-color: #177C3E; border: 3px solid #fff; border-radius: 50%; color: #fff; }
.seeds-attractive-num span,
.seeds-attractive-num strong { display: block; text-align: center; line-height: 1.2; }
.seeds-attractive-num span { padding-top: 10px; font-size: 1.4rem; }
.seeds-attractive-num strong { margin-top: -6px; font-size: 2.8rem; font-weight: 700; }
.seeds-attractive-subtitle { position: relative; width: calc(100% - 78px); font-size: 1.7rem; font-weight: 500; color: #72540D; }
.seeds-attractive-subtitle strong { font-size: 3.4rem; font-weight: 500; }
.seeds-attractive-content { position: relative; margin-top: -25px; padding: 35px 15px 30px; background-color: #fff; border-radius: 20px; z-index: 1; }
.seeds-attractive-text { font-size: 1.3rem; font-weight: 400; line-height: 2; }

.seeds-attractive-block:nth-of-type(odd) .seeds-attractive-subtitle { margin-left: 12px; }
.seeds-attractive-block:nth-of-type(even) .seeds-attractive-hd { flex-flow: row-reverse; }
.seeds-attractive-block:nth-of-type(even) .seeds-attractive-subtitle { margin-right: 12px; text-align: right; }

/* species */
.seeds-attractive-species__lists { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 26px 0; }
.seeds-attractive-species__lists__photo { margin-bottom: 10px; border-radius: 35px; overflow: hidden; }
.seeds-attractive-species__lists__location { padding: 5px 8px; background-color: #177C3E; border-radius: 40px; text-align: center; font-size: 1.3rem; font-weight: 500; line-height: 1.4; color: #fff; }
.seeds-attractive-species__lists__name { margin-top: 8px; text-align: center; font-size: 1.4rem; font-weight: 500; line-height: 1.4; }

/* area */
.seeds-attractive-area__block { position: relative; margin-top: 56px; padding: 0 15px 24px; background-color: #F4F1EA; border-radius: 40px; }
.seeds-attractive-area__block + .seeds-attractive-area__block { margin-top: 60px; }
.seeds-attractive-area__block__lists { position: relative; }
.seeds-attractive-area__block__lists__item { border: 4px solid #fff; border-radius: 35px; overflow: hidden; }
.seeds-attractive-area__block__name { margin-bottom: 10px; font-size: 1.6rem; font-weight: 700; line-height: 1.4; color: #177C3E; }
.seeds-attractive-area__block__text { font-size: 1.3rem; line-height: 1.69230769231; }
.seeds-attractive-area .seeds-attractive-text:last-child { margin-top: 26px; }

/* ex */
.seeds-attractive-ex__photo { margin: 26px auto 0; width: 74.6031746032%; border-radius: 35px; overflow: hidden; }

@media screen and (max-width: 768px) {
  .seeds-attractive::before { height: 22px; background-image: url(../../img/seeds/separator2.png); }
  .seeds-attractive::after { height: 46px; background-image: url(../../img/seeds/separator3.png); }
  .seeds-attractive > .wrap { padding: 0 15px; }
  .seeds-attractive-block:nth-of-type(even) .seeds-attractive-num { margin-right: -10px; }

  /* species */
  .seeds-attractive-species__lists__item { margin: 24px 10px 0 0; width: calc(50% - 15px); }
  .seeds-attractive-species__lists__item:nth-of-type(-n+2) { margin-top: 0; }
  .seeds-attractive-species__lists__item:nth-of-type(2n) { margin-right: 0; }

  /* area */
  .seeds-attractive-area__block__lists { top: -34px; margin-bottom: -38px; }
  .seeds-attractive-area__block__lists__item { width: 72.9824561404%; }
  .seeds-attractive-area__block__lists__item:not(:first-child) { margin-top: 12px; }
  .seeds-attractive-area__block__lists__item:nth-of-type(even) { margin-left: auto; }
}

@media screen and (min-width: 769px) {
  .seeds-attractive { margin-top: 96px; padding: 132px 0 150px; }
  .seeds-attractive::before { height: 96px; background-image: url(../../img/seeds/separator2-pc.png); }
  .seeds-attractive::after { height: 72px; background-image: url(../../img/seeds/separator3-pc.png); }
  .seeds-attractive-title { top: -92px; padding: 0 60px; font-size: 3.4rem; }
  .seeds-attractive-title::before,
  .seeds-attractive-title::after { top: -26px; width: 45px; height: 77px; }
  .seeds-attractive-block + .seeds-attractive-block { margin-top: 60px; }
  .seeds-attractive-hd { padding: 0 40px; }
  .seeds-attractive-num { width: 100px; height: 100px; border-width: 5px; }
  .seeds-attractive-num span { padding-top: 16px; font-size: 2rem; }
  .seeds-attractive-num strong { margin-top: -4px; font-size: 3.4rem; }
  .seeds-attractive-subtitle { width: calc(100% - 120px); font-size: 2.8rem; }
  .seeds-attractive-subtitle strong { font-size: 5.4rem; }
  .seeds-attractive-content { margin-top: -35px; padding: 74px 60px 60px; border-radius: 30px; }
  .seeds-attractive-text { font-size: 1.6rem; }

  .seeds-attractive-block:nth-of-type(odd) .seeds-attractive-subtitle { margin-left: 20px; }
  .seeds-attractive-block:nth-of-type(even) .seeds-attractive-subtitle { margin-right: 20px; }

  /* species */
  .seeds-attractive-species__lists { margin: 46px 0; }
  .seeds-attractive-species__lists__item { margin: 40px 40px 0 0; width: calc((100% / 4) - (40px / (4 / 3) )); }
  .seeds-attractive-species__lists__item:nth-of-type(-n+4) { margin-top: 0; }
  .seeds-attractive-species__lists__item:nth-of-type(4n) { margin-right: 0; }
  .seeds-attractive-species__lists__photo { margin-bottom: 10px; border-radius: 50px; }
  .seeds-attractive-species__lists__location { padding: 6px 10px; font-size: 1.4rem; }
  .seeds-attractive-species__lists__name { margin-top: 10px; font-size: 1.6rem; }

  /* area */
  .seeds-attractive-area__block { margin-top: 104px; padding: 0 40px 34px; border-radius: 50px; width: 84.5454545455%; }
  .seeds-attractive-area__block:nth-of-type(even) { margin-left: auto; }
  .seeds-attractive-area__block + .seeds-attractive-area__block { margin-top: 110px; }
  .seeds-attractive-area__block__lists { display: flex; flex-wrap: wrap; align-items: flex-start; top: -56px; margin-bottom: -56px; }
  .seeds-attractive-area__block__lists__item { margin: 40px 40px 0 0; width: calc(50% - (40px / 2)); border-width: 6px; border-radius: 50px; }
  .seeds-attractive-area__block__lists__item:nth-of-type(-n+2) { margin-top: 0; }
  .seeds-attractive-area__block__lists__item:nth-of-type(2n) { margin-right: 0; }
  .seeds-attractive-area__block__name { margin: 26px 0 10px; font-size: 2.2rem; }
  .seeds-attractive-area__block__text { font-size: 1.6rem; line-height: 1.6875; }
  .seeds-attractive-area .seeds-attractive-text:last-child { margin-top: 46px; }

  /* ex */
  .seeds-attractive-ex__photo { margin-top: 46px; width: 45.4545454545%; border-radius: 50px; }
}

/* product
------------------------------------------------ */
.seeds-product { position: relative; margin-top: 44px; }
.seeds-product::before { content: ''; display: block; margin: 0 auto 18px; width: 222px; height: 10px; background: url(../../img/seeds/separator1.png) no-repeat center center; background-size: 100%; }
.seeds-product-text { text-align: center; font-size: 1.4rem; line-height: 2.21428571429; }
.seeds-product-text + .seeds-product-text { margin-top: 16px; }
.seeds-product-lists { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 36px 0 34px; padding: 25px 10px 23px; border: 5px solid #ECF7E9; border-radius: 30px; }
.seeds-product-lists__item { position: relative; }
.seeds-product-lists__item > a { display: block; width: 100%; text-decoration: underline; }
.device-click .seeds-product-lists__item > a:hover { text-decoration: none; }
.seeds-product-lists__name { margin-top: 14px; text-align: center; font-size: 1.4rem; font-weight: 500; line-height: 1.2; }
.seeds-product-btn { margin-top: 34px; text-align: center; font-size: 1.6rem; font-weight: 700; line-height: 1.2; }
.seeds-product-btn > a { display: block; position: relative; padding: 20px 8px; width: 100%; background-color: #177C3E; border-radius: 40px; color: #fff; }
.seeds-product-btn > a::after { content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 9px; height: 15px; background: url(../../img/seeds/arrow1.png?t=20240709122453) no-repeat center center; background-size: 100% 100%; }

@media screen and (max-width: 768px) {
  .seeds-product > .wrap { padding: 0 15px; }
  .seeds-product-lists__item { margin: 28px 20px 0 0; width: calc(50% - 10px); }
  .seeds-product-lists__item:nth-of-type(-n+2) { margin-top: 0; }
  .seeds-product-lists__item:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
  .seeds-product { margin-top: 86px; }
  .seeds-product::before { margin-bottom: 52px; width: 320px; height: 13px; }
  .seeds-product-text { font-size: 1.8rem; line-height: 2.22222222222; }
  .seeds-product-text + .seeds-product-text { margin-top: 46px; }
  .seeds-product-lists { margin: 54px 0 52px; padding: 44px 44px 42px; border-width: 8px; border-radius: 50px; }
  .seeds-product-lists__item { margin: 52px 52px 0 0; width: calc((100% / 4) - (52px / ( 4/ 3 ))); }
  .seeds-product-lists__item:nth-of-type(-n+4) { margin-top: 0; }
  .seeds-product-lists__item:nth-of-type(4n) { margin-right: 0; }
  .seeds-product-lists__name { margin-top: 16px; font-size: 1.6rem; }
  .seeds-product-btn { margin: 74px auto 0; width: 380px; font-size: 1.8rem; }
  .seeds-product-btn > a { padding: 24px 10px; }
  .seeds-product-btn > a::after { right: 30px; width: 10px; height: 16px; }
}