@charset "utf-8";

/* CSS Document */

html{}

body{
	color: rgba(0,0,0,1);
	font-size: 16px;
  font-family: 'Roboto', YuGothic, 'Yu Gothic', sans-serif;
  font-weight: normal;
  line-height: 24px;
  -webkit-text-size-adjust: 100%;
  }
  /* ie11 */
  _:-ms-fullscreen, :root body{font-family: sans-serif;}  
  .lora{
    font-family: 'Lora', serif;
    font-weight: normal;
    }

  a{color: rgba(0,0,0,1);}

.wrap{padding-top: 150px;}

/* header */
.glbl_header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-left: 20px;
  background-color: rgba(255,255,255,1);
  position: fixed;
  left: 0;
  top: 0;
  box-sizing: border-box;
  z-index: 101;
  }
  .hdr_logo_area{
    display: flex;
    align-items: center;
    width: 320px;
    height: 100%;
    transition: .5s;
    }
    .hdr_logo_item{
      display: block;
      width: 100%;
      transition: .5s;
      }
      .hdr_logo_item:hover{opacity: .7;}

.glbl_nav{
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 15px;
  font-weight: bold;
  }
  .glbl-menu{
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    padding-left: 35px;
    background-color: rgba(68,174,53,1);
    position: absolute;
    left: 0;
    top: 100px;
    }
    .txt_lnk{
      display: block;
      margin-right: 30px;
      transition: .3s;
      }
      .txt_lnk:hover{opacity: .7;}
      .tl_txt{
        padding-left: 30px;
        font-size: 17px;
        color: rgba(255,255,255,1);
        position: relative;
        } 
        /* ie11 */
        _:-ms-fullscreen, :root .tl_txt{height: 22px;}

        .tl_txt::before{
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 9px 9px 0 9px;
          border-color: rgba(255,255,255,1) transparent transparent transparent;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          }

.gln_btn_blc{
  display: flex;
  height: 100%;
  }
  .gln_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    transition: .3s;
    }
    .gln_btn:hover{opacity: .7;}
    .cmp_btn{
      padding: 0 15px;
      background-color: rgba(196,208,174,1);
      }
      .cmp_btn .gln_btn_txt{
        padding-left: 15px;
        font-size: 14px;
        text-align: center;
        line-height: 1.2;
        position: relative;
        }
      /* ie11 */
      _:-ms-fullscreen, :root  .gln_btn_txt{
        height: 20px;
        line-height: 20px;
        }
        .cmp_btn .gln_btn_txt::before{
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 7px 0 7px 7px;
          border-color: transparent transparent transparent #4e7b53;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          }
    .ctt_btn{
      padding: 0 15px;
      color: rgba(255,255,255,1);
      background-color: rgba(78,123,83,1);
      }
      .gln_ctt_icon{
        width: 18px;
        margin-right: 5px;
        }

.lang-block{
  width: 115px;
  position: relative;
  }
  .lng_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 13px;
    color: rgba(255,255,255,1);
    background-color: rgba(84,84,84,1);
    }
    .gln_lng_icon{
      width: 12px;
      margin-right: 5px;
      }
    .gln_arw_icon{
      width: 6px;
      margin-left: 5px;
      }
  .lang-list{
    visibility: hidden;
    width: 100%;
    height: 120px;
    background-color: rgba(0,0,0,1);
    position: absolute;
    left: 0;
    bottom: -120px;
    z-index: 200;
    opacity: 0;
    transition: .5s;
    }
    .lang-block:hover .lang-list{
      visibility: visible;
      opacity: 1;
      }
    .lang-item{
      height: 40px;
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      }
      .lang-link{
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
        padding-left: 10px;
        font-size: 14px;
        color: rgba(255,255,255,1);  
        position: relative;
        transition: .3s;
        }
        .lang-link:hover{color: rgba(255,255,255,.7); }
        .lang-link::before{
          content: "";
          width: 0;
          height: 0;
          margin-right: 5px;
          border-style: solid;
          border-width: 4px 0 4px 4px;
          border-color: transparent transparent transparent rgba(255,224,0,1);
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          }
      .lang-item:not(:last-of-type) .lang-link{border-bottom: 1px solid rgba(255,255,255,1);}


/* slider */
.mv_slider{}
  .sld_item img{
    width: 100%;
    vertical-align: bottom;
    }
    .slick-dots{
      display: flex;
      justify-content: center;
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      }
      .slick-dots li{margin: 0 5px;}
      .slick-dots li button{
        display: block;
        width: 14px;
        height: 14px;
        font-size: 0;
        border: 0 ;
        background-color: rgba(255,255,255,1);
        cursor: pointer;
        }
        .slick-dots li.slick-active button{background-color: rgba(128,128,128,1);}

/* prize */
.prize_wrap{
  display: flex;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 20px;
  box-sizing: border-box;
  }
  .prz_photo{
    width: 50%;
    margin-right: 10%;
    }
  .prz_badge{
    display: flex;
    align-items: center;
    width: 40%;
    }
    .prize_wrap img{width: 100%;}

.cont_frm{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  background-color: rgba(230,230,230,1);
  box-sizing: border-box;
  }
.intro_wrap{
  padding: 70px 20px;
  background-color: rgba(49,118,71,1);
  background-image: url(/lp/src/images/common/intro_bg.png);
  box-sizing: border-box;
  }

/* system_outline */
.sys_wrap{
  padding-top: 45px;
  background-color: rgba(255,255,255,1);
  }
  .sys_inner{}

  .sys_ttl{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    font-weight: bold;
    color: rgba(78,123,83,1);
    }
    .sys_ttl_eps{
      margin-left: 20px;
      margin-top: -4px;
      font-size: 58px;
      line-height: 62px;
      }
  .sys_sub_ttl{
    margin-top: 45px;
    padding: 30px 20px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    border-top: 2px solid rgba(78,123,83,1);
    border-bottom: 2px solid rgba(78,123,83,1);
    }
  .sys_flow{
    display: flex;
    margin-top: 35px;
    }
    .sys_flw_itm{
      width: 23%;
      margin-right: 4%;
      box-sizing: border-box;
      position: relative;
      z-index: 10;
      }
      .sf_itm_pdc{
        width: 19%;
        margin-right: 0;
        }
      .sys_flw_badge{
        display: flex;
        width: 155px;
        height: 155px;
        margin: 0 auto;
        color: rgba(255,255,255,1);
        position: relative;
        }
        .sys_flw_badge::before{
          content: "";
          width: 110px;
          height: 110px;
          background-color: rgba(78,123,83,1);
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) rotate(45deg);
          }
          .flw_badge_txt{
            width: 100%;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            line-height: 1.2;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            }
            .sys_flw_no{
              display: block;
              margin-top: -15px;
              margin-bottom: 0px;
              font-size: 28px;
              line-height: 1.2;
              }
              /* ie11 */
              _:-ms-fullscreen, :root .sys_flw_no{margin: 0px;}
        .sys_flw_fig{
          display: flex;
          justify-content: center;
          align-items: center;
          height: 220px;
          border-left: 3px solid rgba(255,255,255,1);
          border-right: 3px solid rgba(255,255,255,1);
          position: relative;
          box-sizing: border-box;
          }
          .sf_itm_cvtn .sys_flw_fig{border-left: 0;}
          .sf_itm_pdc .sys_flw_fig{border: 0;}
          .sys_flw_fig::before{
            content: "";
            width: 27%;
            height: 35px;
            background-color: rgba(249,192,74,1);
            position: absolute;
            top: 50%;
            right: -27%;
            transform: translateY(-50%);
            z-index: -1;
            }
          .sf_itm_pdc .sys_flw_fig::before{
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 38px 0 38px 38px;
            border-color: transparent transparent transparent rgba(249,192,74,1);
            background: none;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            z-index: -2;
            }
          .sys_flw_fig img{
            width: 100%;
            vertical-align: bottom;
            }
            .sf_itm_pdc .sys_flw_fig img{width: 80%;}

    .sys_flw_detail{
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 40px;
      font-size: 18px;
      font-weight: bold;
      color: rgba(255,255,255,1);
      text-align: center;
      background-color: rgba(0,0,0,1);
      }
      /* ie11 */
      _:-ms-fullscreen, :root  .sys_flw_detail{line-height: 44px;}
  .sys_cpy{
    margin-top: 40px;
    padding: 25px 0;
    font-size: 46px;
    font-weight: bold;
    color: rgba(255,255,255,1);
    line-height: 1.2;
    background-color: rgba(227,147,9,1);
    position: relative;
    }
    .sys_cpy::before{
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 19px 18px 19px;
      border-color: transparent transparent rgba(227,147,9,1) transparent;
      position: absolute;
      top: -18px;
      left: 50%;
      transform: translateX(-50%);
      }

    .sys_cpy_txt{text-align: center;}
      /* ie11 */
      _:-ms-fullscreen, :root .sys_cpy_txt{height: 50px;}
      _:-ms-fullscreen, :root  .sys_cpy_txt:first-of-type{margin-bottom: 10px;}
      .sys_cpy_sml01{
        font-size: 31px;
        margin-left: 15px;
        }
      .sys_cpy_sml02{
        font-size: 24px;
        font-weight: normal;
        margin-right: 15px;      
        }

/* system_detail */
.sys_detail_wrap{
  width: 100%;
  padding: 70px 20px;
  background-color: rgba(196,208,174,1);
  background-image: url(/lp/src/images/common/sys_bg.png);
  background-size: 20px;
  box-sizing: border-box;
  }
  .sys_detail_inner{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    background-color: rgba(255,255,255,1);
    box-sizing: border-box;
    position: relative;
    }
    .sd_arrow::before{
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 32px 32.5px 0 32.5px;
      border-color: #e39400 transparent transparent transparent;
      position: absolute;
      bottom: -80px;
      left: 50%;
      transform: translateX(-50%);
      }

    .sys_detail_vis{
      margin-bottom: 45px;
      position: relative;
      }
      .sd_vis_fig{
        width: 100%;
        /* height: 424px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; */
        }
        .sd_vis_fig img{
          width: 100%;
          vertical-align: bottom;
          }
      .sys_detail_badge{
        display: flex;
        width: 186px;
        height: 186px;
        color: rgba(255,255,255,1);
        position: absolute;
        bottom: -93px;
        left: 35px;
        }
        .sys_detail_badge::before{
          content: "";
          width: 132px;
          height: 132px;
          background-color: rgba(78,123,83,1);
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) rotate(45deg);
          }
          .sd_badge_txt{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            line-height: 1.2;
            position: absolute;
            top: 0;
            left: 0;
            }
            .sd_badge_no{
              display: block;
              margin-top: -10px;
              margin-bottom: 5px;
              font-size: 32px;
              }

/* cultivation */
/* .cvtn_wrap .sd_vis_fig{
  background-image: url(/lp/src/images/common/cvtn_img_01.jpg);
  position: relative;
  } */
  /* .cvtn_wrap .sd_vis_fig::before{
    content: "";
    width: 240px;
    height: 100%;
    background-image: url(/lp/src/images/jp/cvtn_img_02.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translateY(-50%);
    } */
.cvtn_wrap .sys_detail_ttl{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  }
  .sd_ttl_note{
    display: block;
    font-size: 38px;
    letter-spacing: normal;
    }
  .sys_detail_subttl{
    margin-top: 35px;
    padding: 0 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    }
.cvtn_ftr_lst{
  display: flex;
  width: 100%;
  margin-top: 30px;
  padding: 0 3%;
  box-sizing: border-box;
  }
  .cvtn_ftr_itm{width: 48%;}
    .cvtn_ftr_itm:first-of-type{margin-right: 4%;}
    .cvtn_ftr_ttl{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      min-height: 30px;
      padding-top: 5px;
      padding-right: 5px;
      padding-bottom: 5px;
      padding-left: 5px;
      font-size: 16px;
      font-weight: bold;
      color: rgba(255,255,255,1);
      text-align: center;
      line-height: 1.2;
      background-color: rgba(0,0,0,1);
      }
      /* ie11 */
      _:-ms-fullscreen, :root  .cvtn_ftr_ttl{margin-bottom: 10px;}
    .cvtn_hll_icon{
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 0 10px;
      margin-top: 15px;
      box-sizing: border-box;
      }
      .cvtn_hll_icon img {width: 100%;}
    .cvtn_hll_lst{margin-top: 15px;}
    .cvtn_hll_itm{font-size: 15px;}
      .cvtn_hll_itm dt{
        display: inline-block;
        font-weight: bold;
        vertical-align: top;
        }
      .cvtn_hll_itm dd{
        display: inline-block;
        font-size: 14px;
        }
      .cvtn_hll_note{
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 17px;
        }
  .cvtn_ftr_subttl{
    margin-top: 20px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;
    }
  .cvtn_ftr_txt{
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.6;
    }
  
/* manufacture */
.mft_wrap{
  margin-top: 125px;
  padding-bottom: 70px;
  }
  /* .mft_wrap .sd_vis_fig{background-image: url(/lp/src/images/common/mft_img_01.jpg);} */
    .mft_wrap .sys_detail_ttl{
      font-size: 38px;
      font-weight: bold;
      line-height: 1.2;
      text-align: center;
      }
      .mft_wrap .sys_detail_cont{text-align: center;}
    .prcs_wrap{
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 30px;
      }
      .prcs_item{
        display: flex;
        width: 100%;
        max-width: 850px;
        margin-bottom: 35px;
        }
        .prcs_item:last-of-type{margin-bottom: 0;}
        .prcs_item_ttl{
          display: flex;
          justify-content: center;
          align-items: center;
          width: 140px;
          height: 40px;
          margin-right: 30px;
          font-size: 16px;
          font-weight: bold;
          color: rgba(78,123,83,1);
          border: 2px solid rgba(78,123,83,1);
          box-sizing: border-box;
          }
        .prcs_item_detail{width: calc(100% - 160px);}
          .prcs_item_detail.pack_amnt{position: relative;}
          .prcs_amnt{
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 15px;
            } 
            .pack_amnt .prcs_amnt:first-of-type{margin-bottom: 20px;}
            .pack_amnt .pack_tb{margin-bottom: 0;}
            .prcs_amnt_day{
              display: flex;
              align-items: center;
              justify-content: center;
              width: 210px;
              margin-right: 20px;
              padding: 0 5px;
              font-size: 16px;
              font-weight: bold;
              border-top: 1px solid rgba(0,0,0,1);
              border-bottom: 1px solid rgba(0,0,0,1);
              }
              .pack_amnt .prcs_amnt_day{
                width: 120px;
                margin-right: 20px;
                font-size: 16px;
                }
            .prcs_amnt_nmb{
              overflow: hidden;
              height: 74px;
              margin-top: -2px;
              font-size: 80px;
              color: rgba(78,123,83,1);
              line-height: 74px;
              }
              /* ie11 */
              _:-ms-fullscreen, :root .prcs_amnt_nmb{line-height: 94px;}
              .pack_amnt .prcs_amnt_nmb{
                height: 48px;
                font-size: 50px;
                line-height: 48px;
                }
              /* ie11 */
              _:-ms-fullscreen, :root  .pack_amnt .prcs_amnt_nmb{line-height: 74px;}
            .prcs_amnt_unt{
              margin-left: 10px;
              font-size: 28px;
              vertical-align: 5px;
              }
              .pack_amnt .prcs_amnt_unt{font-size: 16px;}
            .prcs_amnt_txt{
              margin-left: 20px;
              font-size: 30px;
              font-weight: bold;
              line-height: 32px;
              text-align: left;
              }
                @media all and (-ms-high-contrast: none) {
                  *::-ms-backdrop, .prcs_amnt_txt{
                    line-height: 34px;
                  }
                }
            .prcs_pack{
              display: flex;
              align-items: center;
              width: 100%;
              margin-bottom: 10px;
              font-size: 22px;
              font-weight: bold;
              line-height: 1.2;
              }
            .prcs_pack_img{
              width: 230px;
              position: absolute;
              top: 50%;
              right: 0;
              transform: translateY(-50%);
              }
              .prcs_pack_img img{
                width: 100%;
                vertical-align: bottom;
                }
          .prcs_txt{
            /* max-width: 570px; */
            font-size: 13px;
            text-align: left;
            line-height: 1.6;
            }
          .prcs_amnt_note{
            font-size: 13px;
            text-align: left;
            }
    .type_wrap{
      width: 100%;
      padding: 0 20px;
      margin-top: 50px;
      box-sizing: border-box;
      }
      .type_ttl{
        width: 100%;
        padding: 35px 20px;
        font-size: 36px;
        font-weight: bold;
        color: rgba(78,123,83,1);
        line-height: 1.2;
        border-top: 2px solid rgba(78,123,83,1);
        border-bottom: 2px solid rgba(78,123,83,1);
        box-sizing: border-box;
        }
      .type_lst{
        display: flex;
        flex-wrap: wrap;
        }
        .type_itm{
          width: 20.5%;
          margin-top: 40px;
          margin-right: 6%;
          }
          .type_itm:nth-of-type(4n+4){margin-right: 0;}
          .type_fig{}
            .type_fig img{width: 100%;}
          .type_name{
            margin-top: 10px;
            font-size: 20px;
            font-weight: bold;
            line-height: 1.2;
            }

/* laboratory */
.qal_wrap{margin-top: 125px;}
  /* .qal_wrap .sd_vis_fig{background-image: url(/lp/src/images/common/lab_img_01.jpg);} */

    .qal_wrap .sys_detail_ttl{
      font-size: 38px;
      font-weight: bold;
      line-height: 1.2;
      text-align: center;
      }
      .lab_subttl{
        margin-top: 50px;
        padding: 10px 20px;
        font-size: 24px;
        font-weight: bold;
        color: rgba(78,123,83,1);
        line-height: 1.4;
        text-align: center;
        border-top: 2px solid rgba(78,123,83,1);
        border-bottom: 2px solid rgba(78,123,83,1);
        }
      .lab_ispct_wrap{margin-top: 25px;}
        .lab_ispct_ttl{
          font-size: 24px;
          font-weight: bold;
          text-align: center;
          line-height: 1.4;
          }
        .lab_ispct_area{
          display: flex;
          width: 100%;
          max-width: 750px;
          margin: 0 auto;
          margin-top: 40px;
          position: relative;
          }
          .lab_ispct_fig{
            width: 46%;
            margin-right: 8%;
            }
            .lab_ispct_fig img{width: 100%;}
          .lab_ispct_desc{width: 46%;}
            .lab_ispct_bnrttl{
              display: flex;
              justify-content: center;
              align-items: center;
              width: 100%;
              padding-top: 10px;
              padding-right: 15px;
              padding-bottom: 10px;
              padding-left: 15px;
              font-weight: bold;
              line-height: 1.2;
              color: rgba(255,255,255,1);
              background-color: rgba(0,0,0,1);
              box-sizing: border-box;
              }
            .lab_ispct_txt{
              margin-top: 15px;
              font-size: 13px;
              line-height: 1.4;
              }
        .lab_ispct_emp{
          margin-top: 125px;
          font-size: 32px;
          font-weight: bold;
          text-align: center;
          line-height: 1.2;
          } 
          
/* products */
.pdc_wrap{padding-top: 45px;}
  /* .pdc_wrap .sd_vis_fig{background-image: url(/lp/src/images/common/lab_img_03.jpg);} */

    .pdc_wrap .sys_detail_ttl{
      font-size: 36px;
      font-weight: bold;
      line-height: 1.2;
      text-align: center;
      }
    .pdc_subttl{
      margin-top: 30px;
      font-size: 24px;
      line-height: 1.4;
      font-weight: bold;
      }

    .pdc_desc{
      display: flex;
      flex-wrap: wrap;
      margin-top: 30px;
      }
      .pdc_desc_itm{width: 48%;}
        .pdc_desc_itm:first-of-type{margin-right: 4%;}
        .pdc_desc_fig img{
          width: 100%;
          vertical-align: bottom;
          }
        .pdc_desc_ttl{
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          min-height: 38px;
          margin-top: 25px;
          padding-top: 5px;
          padding-bottom: 5px;
          font-weight: bold;
          color: rgba(255,255,255,1);
          text-align: center;
          line-height: 1.2;
          background-color: rgba(0,0,0,1);
          }
          .pdc_desc_txt{
            margin-top: 20px;
            font-size: 13px;
            line-height: 20px;
            }

    .pdc_exp{margin-top: 45px;}
      .pdc_exp_ttl{
        padding: 20px;
        font-size: 32px;
        font-weight: bold;
        color: rgba(78,123,83,1);
        text-align: center;
        border-top: 2px solid rgba(78,123,83,1);
        border-bottom: 2px solid rgba(78,123,83,1);
        }
      .pdc_exp_lst{
        display: flex;
        flex-wrap: wrap;
        }
        .pdc_exp_itm{
          width: 48%;
          margin-top: 20px;
          margin-right: 4%;
          } 
          .pdc_exp_itm:nth-of-type(2n+2){margin-right: 0;}
          .exp_itm_fig img{width: 100%;}

          .exp_itm_ttl{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            margin-top: 10px;
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 5px;
            padding-left: 5px;
            font-size: 16px;
            font-weight: bold;
            color: rgba(255,255,255,1);
            text-align: center;
            line-height: 1.2;
            background-color: rgba(0,0,0,1);
            box-sizing: border-box;
            }
          .exp_itm_desc{margin-top: 15px;}
            .exp_itm_subttl{
              font-size: 20px;
              font-weight: bold;
              line-height: 1.2;
              color: rgba(78,123,83,1);
              }
              .exp_itm_subttl_note{
                display: block;
                margin-top: 5px;
                font-size: 16px;
                line-height: 1;
                }
            .exp_itm_type{
              margin-top: 5px;
              font-size: 13px;
              line-height: 1.6;
              }
              
              .pdc_type_mark{
                display: inline-flex;
                justify-content: center;
                align-items: center;
                width: 15px;
                height: 15px;
                margin-left: 5px;
                font-size: 11px;
                font-weight: bold;
                color: rgba(255,255,255,1);
                border-radius: 50%;
                background-color: rgba(78,123,83,1);
                position: relative;
                top: -1px;
                }
            .exp_itm_note{
              margin-top: 10px;
              padding: 10px;
              font-size: 14px;
              line-height: 1.4;
              color: rgba(78,123,83,1);
              border: 1px solid rgba(78,123,83,1);
              box-sizing: border-box;
              }
              
      .pdc_flw{
        width: 100%;
        margin-top: 50px;
        padding: 30px;
        border: 2px solid rgba(78,123,83,1);
        box-sizing: border-box;
        } 
        .pdc_flw_ttl{
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          padding-top: 10px;
          padding-bottom: 10px;
          font-size: 32px;
          font-weight: bold;
          color: rgba(255,255,255,1);
          text-align: center;
          line-height: 1.2;
          background-color: rgba(78,123,83,1);
          }
        .pdc_flw_lst{
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          margin-top: 35px;
          }
          .pdc_flw_itm{
            margin-right: 80px;
            position: relative;
            }
            .pdc_flw_itm::after,
            .pdc_flw_itm.pdc_ajt::before{
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 14px 0 14px 14px;
              border-color: transparent transparent transparent rgba(85,85,85,1);
              position: absolute;
              top: 28px;
              right: -48px;
              }
              .pdc_flw_itm.pdc_ajt::before{
                right: auto;
                left: -42px;
                }
              .pdc_flw_itm:nth-of-type(-n+4){margin-bottom: 20px;}
              .pdc_flw_itm:nth-of-type(4n+4)::after{opacity: 0;}
            .pdc_flw_fig{
              display: flex;
              justify-content: center;
              align-items: center;
              height: 74px;
              margin: 0 auto;
              }
              .pdc_flw_fig img{width: 100%;}
              .pdc_flw_itm:nth-of-type(4n+4){margin-right: 0;}
              .pdc_cnt .pdc_flw_fig{width: 67px;}
              .pdc_mit .pdc_flw_fig{width: 76px;}
              .pdc_pln .pdc_flw_fig{width: 75px;}
              .pdc_slc .pdc_flw_fig{width: 87px;}
              .pdc_ajt .pdc_flw_fig{width: 49px;}
              .pdc_agm .pdc_flw_fig{width: 90px;}
              .pdc_rgs .pdc_flw_fig{width: 56px;}
              .pdc_tst .pdc_flw_fig{width: 64px;}
            .pdc_flw_desc{
              display: flex;
              flex-direction: column;
              align-items: center;
              margin-top: 10px;
              }
              .pdc_flw_no{
                display: inline-flex;
                justify-content: center;
                align-items: center;
                width: 19px;
                height: 19px;
                margin-bottom: 10px;
                font-size: 14px;
                font-weight: bold;
                color: rgba(255,255,255,1);
                border-radius: 50%;
                background-color: rgba(78,123,83,1);
                position: relative;
                top: 4px;
                }
              .pdc_flw_txt{
                font-size: 17px;
                font-weight: bold;
                text-align: center;
                line-height: 1.2;
                }

/* vietnam */
.vnm_wrap{
  padding: 70px 20px 50px;
  background-color: rgba(209,207,206,1);
  background-image: url(/lp/src/images/common/vnm_bg.png);
  background-size: 77px;
  }
  .vnm_inner{
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    position: relative;
    }
    .vnm_badge{
      display: flex;
      width: 186px;
      height: 186px;
      color: rgba(255,255,255,1);
      position: absolute;
      top: -10px;
      left: -60px;
      }
      .vnm_badge::before{
        content: "";
        width: 132px;
        height: 132px;
        background-color: rgba(128,128,94,1);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        }
        .vnm_badge_txt{
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          font-size: 20px;
          font-weight: bold;
          text-align: center;
          position: absolute;
          top: 0;
          left: 0;
          }    
    .vnm_flg{
      width: 105px;
      margin: 0 auto;
      }
      .vnm_flg img{width: 100%;}
    .vnm_ttl{
      margin-top: 20px;
      font-size: 34px;
      font-weight: bold;
      text-align: center;
      line-height: 1.2;
      }
    .vnm_subttl{
      margin-top: 35px;
      font-size: 22px;
      font-weight: 500;
      text-align: center;
      line-height: 1.4;
      }
    .vnm_fig{margin-top: 35px;}
      .vnm_fig img{width: 100%;}
    .vnm_txt{
      margin-top: 10px;
      font-size: 16px;
      font-weight: bold;
      }

    .vnm_plt_data{
      display: flex;
      flex-wrap: wrap;
      margin-top: 30px;
      }
      .vnm_plt_itm{
        display: flex;
        align-items: center;
        width: 42%;
        margin-bottom: 20px;
        }
        .vnm_pdc_line{
          width: 58%;
          justify-content: flex-end;
          }
        .vnm_itm_ttl{
          display: flex;
          justify-content: center;
          align-items: center;
          width: 160px;
          padding-top: 5px;
          padding-bottom: 5px;
          margin-right: 20px;
          font-size: 16px;
          font-weight: bold;
          color: rgb(255,255,255,1);
          line-height: 1.2;
          text-align: center;
          background-color: rgba(128,128,94,1);
          }
        .vnm_amnt_day{
          display: inline-flex;
          align-items: center;
          height: 30px;
          margin-right: 15px;
          padding: 0 2px;
          font-size: 18px;
          font-weight: bold;
          
          border-top: 1px solid rgba(0,0,0,1);
          border-bottom: 1px solid rgba(0,0,0,1);
          }
          /* ie11 */
          _:-ms-fullscreen, :root .vnm_amnt_day{
            display: block;
            line-height: 38px;
          }
        .vnm_amnt{
          overflow: hidden;
          height: 52px;
          font-size: 50px;
          line-height: 52px;
          }
          /* ie11 */
          _:-ms-fullscreen, :root .vnm_amnt{line-height: 72px;}
          .vnm_amnt_unt{
            margin-left: 10px;
            font-size: 28px;
            }

/* contact */
.cnt_wrap{padding: 60px 20px 80px;}
  .cnt_inner{
    width: 100%;
    max-width: 810px;
    margin: 0 auto;
    }
    .cnt_ttl{
      font-size: 36px;
      text-align: center;
      }
    .cnt_typ{
      display: flex;
      justify-content: space-between;
      margin-top: 35px;
      }
      .cnt_tel,
      .cnt_form{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 48%;
        height: 50px;
        color: rgba(255,255,255,1);
        border-radius: 5px;
        background-color: rgba(78,123,83,1);
        transition: .3s;
        }
        .cnt_tel:hover,
        .cnt_form:hover{
          opacity: .7;
          }
      .cnt_tel{
        margin-right: 10px;
        font-size: 24px;
        font-weight: bold;
        }
        .cnt_tel img{
          width: 20px;
          margin-right: 10px;
          }
      .cnt_form{
        font-size: 24px;
        font-weight: bold;
        }
        .cnt_form img{
          width: 20px;
          margin-right: 10px;
          }
    .cnt_opt,
    .cnt_add{
      margin-top: 30px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      }
    .cnt_add{margin-top: 15px;}

/* access */
.acc_wrap{
  padding: 40px 20px 60px;
  background-color: rgba(215,215,215,1);
  }
  .acc_wrap_inner{
    width: 100%;
    max-width: 810px;
    margin: 0 auto;
    }
    .acc_ttl{
      font-size: 36px;
      color: rgba(78,123,83,1);
      text-align: center;
      }
    .acc_typ{
      display: flex;
      margin-top: 45px;
      }
      .acc_typ_itm{width: 48%;}
        .acc_typ_itm:first-of-type{margin-right: 4%;}
        .acc_subttl{
          margin-bottom: 15px;
          padding: 5px 20px;
          font-size: 18px;
          font-weight: bold;
          color: rgba(78,123,83,1);
          text-align: center;
          border-top: 1px solid rgba(78,123,83,1);
          border-bottom: 1px solid rgba(78,123,83,1);
          box-sizing: border-box;
          }
        .acc_root{
          display: flex;
          flex-wrap: wrap;
          }
          .acc_root dt{
            width: 100%;
            margin-bottom: 10px;
            font-size: 15px;
            font-weight: bold;
            line-height: 18px;
            }
          .acc_root dd{
            width: 100%;
            font-size: 13px;
            line-height: 1.4;
            }
            .bus_root dd{
              width: 100%;
              line-height: 1.4;
              }
        .bus_root_wlk,
        .bus_note{
          margin-top: 10px;
          font-size: 13px;
          line-height: 1.4;
          }
        .bus_tt_lnk{
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 30px;
          margin-top: 10px;
          font-size: 13px;
          color: rgba(78,123,83,1);
          border: 1px solid rgba(78,123,83,1);
          background-color: rgba(255,255,255,1);
          transition: .3s;
          }
          .bus_tt_lnk:hover{opacity: .7;}
        .gmap_wrap{margin-top: 50px;}
          .gmap_wrap iframe{
            width: 100%;
            height: 450px;
            }

/* footer */
footer{}
  .ftr_inner{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    }
    .ftr_logo{
      width: 195px;
      margin: 0 auto;
      }
      .ftr_logo img{width: 100%;}
    .ftr_add{
      margin-top: 30px;
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      line-height: 18px;
      }
     .ftr_lnk{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      max-width: 190px;
      height: 38px;
      margin: 20px auto 0;
      font-size: 16px;
      font-weight: bold;
      color: rgba(78,123,83,1);
      border: 1px solid rgba(78,123,83,1);
      background-color: rgba(255,255,255,1);
      transition: .3s;
      } 
      .ftr_lnk:hover{opacity: .7;}
  .ftr_copy{
    padding: 15px 0;
    font-size: 12px;
    font-weight: bold;
    color: rgba(255,255,255,1);
    text-align: center;
    background-color: rgba(78,123,83,1);
    }

.pgt_btn{
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background-color: rgba(255,255,255,1);
  z-index: 100;
  }    
  .pgt_btn a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    border: 0;
    background-color: rgba(129,159,75,1);
    transition: .3s;
    }
    .pgt_btn a:hover{opacity: .7;}
    .pgt_btn img{width: 33px;}


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

.wrap{padding-top: 120px;}

/* header */
.glbl_header{height: 80px;}
  .hdr_logo_area{width: 250px;}
  .glbl-menu{
    height: 40px;
    padding-left: 20px;
    top: 80px;
    }
    .tl_txt{
      padding-left: 25px;
      font-size: 15px;
      } 
      .tl_txt::before{border-width: 7px 7px 0 7px;}

  .ctt_btn{padding: 0 10px;}    
  .cmp_btn_txt{padding-left: 10px;}
  .cmp_btn_txt::before{border-width: 6px 0 6px 6px;}
  .gln_ctt_icon{width: 16px;}

}/* max-width:1400px */

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

/* header */
.hdr_logo_area{width: 240px;}
.txt_lnk{margin-right: 15px;}
  .tl_txt{
    padding-left: 15px;
    font-size: 14px;
    }
  .tl_txt::before{border-width: 6px 6px 0 6px;}  

}/* max-width:1200px */

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

  .glbl_nav{display: flex !important;}

  .nav_btn{display: none;} 

}

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

  .wrap{padding-top: 80px;}

/* header */
.glbl_header{height: 80px;}
  .hdr_logo_area{
    display: flex;
    align-items: center;
    width: 250px;
    height: 100%;
    transition: .5s;
    }
    .hdr_logo_item{
      display: block;
      width: 100%;
      transition: .5s;
      }
      .hdr_logo_item:hover{opacity: .7;}

.glbl_nav{
  display: none;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  padding-top: 30px;
  background-color: rgba(255,255,255,1);
  position: absolute;
  top: 80px;
  left: 0;
  }
  .txt_lnk{
    width: 100%;
    margin-right: 0px;
    padding: 0;
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid rgba(78,123,83,1);
    }
    .txt_lnk:nth-of-type(5){border: 0;}
    .tl_txt{
      padding-left: 20px;
      font-size: 16px;
      }
    .tl_txt::before{border-width: 7px 7px 0 7px;}
.gln_btn_blc{flex-wrap: wrap;}
  .gln_btn{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 50%;
      height: 60px;
      transition: .3s;
      box-sizing: border-box;
      }
      .gln_btn br{display: none;}
      .gln_btn:hover{opacity: .7;}
      .lang-block{width: 100%;}
      .lang-block .gln_btn{
        width: 100%;
        height: auto;
        padding-top: 15px;
        background-color: rgba(84,84,84,1);
        pointer-events: none;
        }
    .cmp_btn{padding: 0px;}
      .cmp_btn_txt{padding-left: 15px;}
        .cmp_btn_txt::before{border-width: 7px 0 7px 7px;}
      .gln_ctt_icon{width: 18px;}
    .lng_btn{padding: 0;}
    .gln_arw_icon{
      margin-left: 10px;
      transform: rotate(90deg);
      }
    .lang-list{
      visibility: visible;
      display: flex;
      justify-content: center;
      width: 100%;
      height: auto;
      padding-top: 10px;
      padding-bottom: 10px;
      background-color: rgba(84,84,84,1);
      position: relative;
      left: auto;
      bottom: auto;
      z-index: 200;
      opacity: 1;
      }
      .lang-item{
        height: 40px;
        width: auto;
        padding-left: 0;
        padding-right: 0;
        }
        .lang-item:not(:last-of-type){margin-right: 25px;}
        .lang-item:not(:last-of-type) .lang-link{border-bottom: 0;}

    .glbl-menu{
      display: flex;
      flex-direction: column;
      width: 100%;
      height: auto;
      padding-left: 0;
      background-color: rgba(255,255,255,1);
      position: relative;
      left: 0;
      top: 0;
      }
      .tl_txt{color: rgba(78,123,83,1);} 
      .tl_txt::before{border-color: rgba(0,0,0,1) transparent transparent transparent;}
      
    .nav_btn{
      display: block;
      width: 80px;
      height: 100%;
      background-color: rgba(78,123,83,1);
      cursor: pointer;
      position: relative;
      }
      .btn_bar{
        width: 34px;
        height: 28px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        }
        .bar{
          display: block;
          width: 100%;
          height: 2px;
          background-color: rgba(255,255,255,1);
          position: absolute;
          left: 0;
          transition: .5s;
          }
          .bar:nth-of-type(1){top: 0;}
          .bar:nth-of-type(2){
            top: 50%;
            transform: translateY(-1px);
            }
          .bar:nth-of-type(3){
            top: 100%;
            transform: translateY(-2px)
            }
          .open .bar:nth-of-type(1){
            top: 50%;
            transform: translateY(-1px) rotate(45deg);
            }
          .open .bar:nth-of-type(2){opacity: 0;}
          .open .bar:nth-of-type(3){
            top: 50%;
            transform: translateY(-1px) rotate(-45deg);
            }

/* system_outline */
.sys_ttl{font-size: 28px;}
  .sys_ttl_eps{
    margin-left: 15px;
    font-size: 40px;
    }
.sys_sub_ttl{
  margin-top: 35px;
  padding: 20px;
  font-size: 20px;
  }
.sys_flow{ margin-top: 30px;}
  .sys_flw_itm{
    width: 24%;
    margin-right: 3%;
    }
    .sf_itm_cvtn{border-left: 0;}
    .sf_itm_pdc{
      width: 19%;
      margin-right: 0;
      border: 0;
      }
    .sys_flw_badge{
      width: 135px;
      height: 135px;
      }
      .sys_flw_badge::before{
        width: 100px;
        height: 100px;
        }
          .sys_flw_no{font-size: 22px;}
      .sys_flw_fig{height: 160px;}
        .sys_flw_fig::before{
          width: 18%;
          height: 25px;
          right: -18%;
          }
        .sf_itm_pdc .sys_flw_fig::before{border-width: 25px 0 25px 25px;}
  .sys_flw_detail{
    height: 35px;
    font-size: 16px;
    }
.sys_cpy{

  padding: 20px;
  font-size: 35px;
  }
  .sys_cpy_sml01{font-size: 24px;}
  .sys_cpy_sml02{font-size: 24px;}

/* system_detail */
.sys_detail_vis{
  margin-bottom: 30px;
  position: relative;
  }
  .sys_detail_badge{
    width: 156px;
    height: 156px;
    bottom: -78px;
    left: 25px;
    }
    .sys_detail_badge::before{
      width: 110px;
      height: 110px;
      }

/* cultivation */
/* .cvtn_wrap .sd_vis_fig::before{
  width: 200px;
  right: 40px;
  } */
.cvtn_wrap .sys_detail_ttl{
  font-size: 20px;
  }
  .sd_ttl_note{font-size: 30px;}
  .sys_detail_subttl{
    padding: 0;
    font-size: 16px;
    }
.cvtn_ftr_lst{padding: 0;}
  .cvtn_ftr_itm{width: 49%;}
  .cvtn_ftr_itm:first-of-type {margin-right: 2%;}
    .cvtn_hll_itm{font-size: 16px;}
      .cvtn_hll_itm br{display: none;}
  .cvtn_ftr_subttl{font-size: 18px;}

/* manufacture */
.mft_wrap .sys_detail_ttl{font-size: 32px;}
.prcs_item{max-width: 700px;}
    .prcs_item_detail{}
        .prcs_amnt_day{margin-right: 15px;}
          .pack_amnt .prcs_amnt_day{
            width: 90px;
            margin-right: 10px;
            }
        .prcs_amnt_nmb{
          height: 58px;
          margin-top: -2px;
          font-size: 56px;
          line-height: 58px;
          }
          .pack_amnt .prcs_amnt_nmb{
            height: 40px;
            margin-top: -2px;
            font-size: 36px;
            line-height: 42px;
            }

        .prcs_amnt_unt{
          margin-left: 5px;
          font-size: 20px;
          }
        .prcs_amnt_txt{
          font-size: 22px;
          line-height: 28px;
          }
        .prcs_amnt_note{
          font-size: 13px;
          text-align: left;
          }
        .prcs_pack{
          font-size: 16px;
          }
        .prcs_pack_img{width: 170px;}
    .prcs_txt{
      max-width: 530px;
      font-size: 15px;
      }
      .type_ttl{
        padding: 20px;
        font-size: 26px; 
        }
        .type_name{font-size: 18px;}

/* laboratory */
.qal_wrap .sys_detail_ttl{font-size: 32px;}
.lab_subttl{font-size: 20px;}
.lab_ispct_ttl{font-size: 18px;}
.lab_ispct_emp{font-size: 28px;} 

/* products */

.pdc_wrap .sys_detail_ttl{font-size: 30px;}
  .pdc_subttl{font-size: 18px;}
  .pdc_desc_ttl{
    margin-top: 20px;
    font-size: 15px;
    }      
  .pdc_exp_ttl{
    padding: 15px;
    font-size: 26px;
    }
    .exp_itm_ttl{font-size: 15px;}
      .exp_itm_subttl{
        font-size: 18px;
        line-height: 26px;
        }
        .exp_itm_subttl_note{font-size: 15px;}
        .pdc_flw_lst{
          max-width: 650px;
          margin: 35px auto 0;
        }
      .pdc_flw{
        margin-top: 40px;
        padding: 20px;
        } 
        .pdc_flw_ttl{
          font-size: 24px;
          }
          .pdc_flw_itm{margin-right: 60px;}
            .pdc_flw_itm::after,
            .pdc_flw_itm.pdc_ajt::before{
              top: 26px;
              right: -40px;
              }
              .pdc_flw_itm.pdc_ajt::before{left: -30px;}
              .pdc_flw_no{
                width: 16px;
                height: 16px;
                margin-right: 5px;
                font-size: 11px;
                }
              .pdc_flw_txt{font-size: 14px;}

/* vietnam */
.vnm_badge{
  width: 156px;
  top: -20px;
  left: -0px;
  }
  .vnm_badge::before{
    width: 110px;
    height: 110px;
    }
  .vnm_badge_txt{font-size: 20px;}    
  .vnm_ttl{font-size: 30px;}
  .vnm_subttl{
    margin-top: 25px;
    font-size: 20px;
    }
  .vnm_amnt_day{
    height: 28px;
    margin-right: 10px;
    font-size: 16px;
    }
  .vnm_amnt{font-size: 42px;}
    .vnm_amnt_unt{
      margin-left: 5px;
      font-size: 20px;
      }

/* contact */
.cnt_wrap{padding: 50px 20px 50px;}
  .cnt_ttl{font-size: 30px;}
  .cnt_tel,
  .cnt_form{font-size: 22px;}

/* access */
.acc_wrap{padding: 40px 20px 40px;}
.acc_ttl{font-size: 30px;}
.acc_typ{margin-top: 30px;}
.acc_subttl{font-size: 16px;}

}/* max-width:1000px */

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

  _:-ms-fullscreen, :root .sys_cpy_txt{height: 40px;}
  _:-ms-fullscreen, :root .prcs_amnt_nmb{line-height: 78px;}
  _:-ms-fullscreen, :root .pack_amnt .prcs_amnt_nmb{line-height: 54px;}
  _:-ms-fullscreen, :root .vnm_amnt{line-height: 66px;}

}

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

.sp_sld{display: none !important;}  

}

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

.pc_sld{display: none !important;}  

.cont_frm{padding: 15px;}

/* prize */
.prize_wrap{padding: 30px 15px;}

.intro_wrap{padding: 40px 15px;}

/* system_detail */
.sys_detail_wrap{padding: 40px 15px;}

/* system_outline */
.sys_wrap{padding-top: 30px;}
.sys_ttl{font-size: 24px;}
  .sys_ttl_eps{
    margin-left: 10px;
    margin-top: -4px;
    font-size: 34px;
    line-height: 42px;
    }
.sys_sub_ttl{
  margin-top: 20px;
  padding: 10px;
  font-size: 16px;
  text-align: left;
  }
  .sys_sub_ttl br{display: none;}
.sys_flow{
  display: flex;
  flex-wrap: wrap;
  margin-top: 35px;
  }
  .sys_flw_itm{
    width: 48%;
    margin-right: 0;
    }
    .sf_itm_cvtn,
    .sf_itm_qal{margin-right: 4%;}  
    .sf_itm_qal,
    .sf_itm_pdc{margin-top: 50px;}
    .sys_flw_badge{
      width: 145px;
      height: 145px;
      }
      .sys_flw_badge::before{
        content: "";
        width: 100px;
        height: 100px;
        }
      .sys_flw_fig{
        height: 250px;
        border: 0;
        }
        .sys_flw_fig::before{display: none;}
        .sf_itm_pdc .sys_flw_fig::before{display: none;}
          .sf_itm_pdc .sys_flw_fig img{width: 65%;}
.sys_cpy{
  padding: 20px 0;
  font-size: 28px;
  }
  .sys_cpy_sml01{
    font-size: 20px;
    margin-left: 10px;
    }
  .sys_cpy_sml02{
    font-size: 20px;
    margin-right: 10px;      
    }

/* system_detail */
.sys_detail_vis{
  margin-bottom: 30px;
  position: relative;
  }
  .sys_detail_badge{
    width: 140px;
    height: 140px;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
    bottom: auto;
    left: auto;
    }
    .sys_detail_badge::before{
      width: 100px;
      height: 100px;
      }
      .sd_badge_no{
        margin-top: -15px;
        margin-bottom: 0;
        font-size: 26px;
        }
/* cultivation */
.cvtn_wrap .sys_detail_ttl{font-size: 16px;}
  .sd_ttl_note{font-size: 26px;}
  .sys_detail_subttl{margin-top: 20px;}
.cvtn_ftr_lst{
  flex-wrap: wrap;
  padding: 0;
  }
  .cvtn_ftr_itm{width: 100%;}
    .cvtn_ftr_itm:first-of-type{margin-right: 0;}
    .cvtn_hll_icon{
      max-width: 433px;
      }
    .cvtn_hll_lst{margin-top: 10px;}
      .cvtn_ftr_itm:first-of-type{margin-bottom: 30px;}
      .cvtn_hll_itm dt{
        display: inline-block;
        font-weight: bold;
        vertical-align: top;
        }
      .cvtn_hll_itm dd{display: inline-block;}
  .cvtn_ftr_subttl{
    margin-top: 15px;
    font-size: 16px;
    }
  .cvtn_ftr_txt{margin-top: 5px;}

/* manufacture */
.mft_wrap .sys_detail_ttl{font-size: 26px;}
.prcs_wrap {display: block;}
.prcs_item_ttl{
  width: 100px;
  height: 40px;
  margin-right: 20px;
  font-size: 14px;
  }
.prcs_item_detail{width: calc(100% - 120px);}
.prcs_amnt_day{
  width: 190px;
  margin-right: 15px;
  font-size: 15px;
  }
  .prcs_amnt_nmb{
    height: 48px;
    font-size: 48px;
    line-height: 48px;
    }

  .prcs_item_detail{width: calc(100% - 115px);}
  .prcs_item_detail.pack_amnt{padding: 0;}
    .prcs_pack_img{display: none;}
      .prcs_txt{max-width: 100%;}
    .type_wrap{padding: 0;}
        .type_itm{
          width: 30%;
          margin-top: 40px;
          margin-right: 5%;
          }
          .type_itm:nth-of-type(4n+4){margin-right: 5%;}
          .type_itm:nth-of-type(3n+3){margin-right: 0;}
          .type_name{font-size: 14px;}  

          .type_ttl{font-size: 22px;}


/* laboratory */
.qal_wrap .sys_detail_ttl{font-size: 26px;}
  .lab_subttl{
    margin-top: 30px;
    padding: 10px;
    font-size: 18px;
    text-align: left;
    }
    .lab_subttl br{display: none;}
    .lab_ispct_ttl{
      font-size: 16px;
      text-align: left;
      }
    .lab_ispct_emp{font-size: 22px;} 

/* products */
    .pdc_wrap .sys_detail_ttl{font-size: 26px;}
    .pdc_subttl{
      font-size: 16px;  
      text-align: left;
      }
      .pdc_subttl br{display: none;}
      .pdc_exp_ttl{
        padding: 10px;
        font-size: 20px;
        }
            .exp_itm_subttl{
              font-size: 16px;
              line-height: 24px;
              }
              
      .pdc_flw{padding: 10px 10px 20px;} 
        .pdc_flw_ttl{font-size: 22px;}
          .pdc_flw_lst {
            max-width: 550px;
            margin: 35px auto 0;
        }
          .pdc_flw_itm{margin-right: 60px;}
            .pdc_flw_itm:nth-of-type(4n+4){margin-right: 50px;}
            .pdc_flw_itm:nth-of-type(3n+3),
            .pdc_flw_itm:last-of-type{
              margin-right: 0;
              }
            .pdc_flw_itm::after,
            .pdc_flw_itm:nth-of-type(4n+4)::after,
            .pdc_flw_itm.pdc_slc::before,
            .pdc_flw_itm.pdc_rgs::before{
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 0 10px 10px;
              border-color: transparent transparent transparent rgba(85,85,85,1);
              position: absolute;
              top: 28px;
              right: -35px;
              opacity: 1;
              }
              .pdc_flw_itm.pdc_slc::before,
              .pdc_flw_itm.pdc_rgs::before{
                right: auto;
                left: -30px;
                }
              .pdc_flw_itm:nth-of-type(-n+6){margin-bottom: 20px;}
              .pdc_flw_itm.pdc_ajt::before{display: none;}
              .pdc_flw_itm:last-of-type::after{opacity: 0;}
              .pdc_flw_itm:nth-of-type(3n+3)::after{display: none;}

            .pdc_flw_itm.pdc_ajt::before{
              top: 26px;
              right: -30px;
              }
              .pdc_flw_no{
                width: 16px;
                height: 16px;
                margin-right: 5px;
                font-size: 11px;
                }
              .pdc_flw_txt{font-size: 14px;}

/* vietnam */
.vnm_wrap{
  padding-top: 30px;
  padding-bottom: 40px;
  }
    .vnm_badge{
      width: 140px;
      height: 140px;
      margin: 0 auto;
      margin-bottom: 30px;
      position: relative;
      top: auto;
      left: auto;
      }
      .vnm_badge::before{
        width: 100px;
        height: 100px;
        }
        .vnm_badge_txt{font-size: 20px;}    
    .vnm_flg{width: 90px;}
    .vnm_ttl{font-size: 26px;}
    .vnm_subttl{
      margin-top: 25px;
      font-size: 18px;
      }
    .vnm_fig{margin-top: 25px;}
    .vnm_plt_data{
      margin-top: 25px;
      flex-direction: column; 
      align-items: center;
      }
      .vnm_plt_itm{width: 400px;}
        .vnm_pdc_line{justify-content: flex-start;}
        .vnm_amnt_day{
          display: inline-flex;
          align-items: center;
          height: 30px;
          margin-right: 15px;
          }
          .vnm_amnt_unt{margin-left: 10px;}

/* contact */
.cnt_wrap{padding: 40px 15px 40px;}
    .cnt_ttl{font-size: 22px;}
    .cnt_typ{
      display: block;
      margin-top: 20px;
      }
      .cnt_tel,
      .cnt_form{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        }
      .cnt_tel{margin-bottom: 15px;}
    .cnt_opt{margin-top: 20px;}
    .cnt_add{margin-top: 10px;}

/* access */


    .acc_ttl{font-size: 22px;}
    .acc_typ{
      display: block;
      margin-top: 30px;
      }
      .acc_typ_itm{
        flex-wrap: wrap;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        }
        .acc_typ_itm:first-of-type{
          margin: 0 auto;
          margin-bottom: 20px;
          }
        .acc_subttl{
          margin-bottom: 15px;
          padding: 5px 20px;
          font-weight: bold;
          color: rgba(78,123,83,1);
          border-top: 1px solid rgba(78,123,83,1);
          border-bottom: 1px solid rgba(78,123,83,1);
          box-sizing: border-box;
          }
        .acc_root{
          display: flex;
          flex-wrap: wrap;
          }
          .acc_root dt{
            width: 100%;
            margin-bottom: 10px;
            font-size: 13px;
            font-weight: bold;
            line-height: 18px;
            }
          .acc_root dd{
            width: 100%;
            font-size: 13px;
            }
            .bus_root dd{width: 50%;}
        .bus_root_wlk,
        .bus_note{
          margin-top: 10px;
          font-size: 13px;
          }
        .bus_tt_lnk{
          height: 30px;
          margin-top: 10px;
          font-size: 13px;
          }
          .bus_tt_lnk:hover{opacity: .7;}
        .gmap_wrap{margin-top: 50px;}
          .gmap_wrap iframe{
            width: 100%;
            height: 450px;
            }

/* footer */
footer{}
  .ftr_inner{
    width: 270px;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    }
    .ftr_logo{
      width: 195px;
      margin: 0 auto;
      }
      .ftr_logo img{width: 100%;}
    .ftr_add{
      margin-top: 30px;
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      line-height: 18px;
      }
     .ftr_lnk{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 38px;
      margin-top: 20px;
      font-size: 16px;
      font-weight: bold;
      color: rgba(78,123,83,1);
      border: 1px solid rgba(78,123,83,1);
      background-color: rgba(255,255,255,1);
      transition: .3s;
      } 
      .ftr_lnk:hover{opacity: .7;}
  .ftr_copy{
    padding: 15px 0;
    font-size: 12px;
    font-weight: bold;
    color: rgba(255,255,255,1);
    text-align: center;
    background-color: rgba(78,123,83,1);
    }          

}/* max-width: 780px */

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

/* system_outline */
.sys_flw_fig{height: 210px;}

/* laboratory */
.lab_ispct_area{flex-wrap: wrap;}
  .lab_ispct_fig{
    width: 100%;
    margin-right: 0;
    }
  .lab_ispct_desc{
    width: 100%;
    margin-top: 20px;
    }

/* manufacture */
.prcs_item_ttl {
  width: 90px;
  font-size: 13px;
  }
  .prcs_item_detail{width: calc(100% - 105px);}
  .prcs_amnt_day{
    width: 150px;
    margin-right: 10px;
    font-size: 12px;
    }
    .pack_amnt .prcs_amnt_day{font-size: 12px;}
  .prcs_amnt_nmb{
    height: 40px;
    font-size: 40px;
    line-height: 40px;
    }
  .prcs_amnt_unt {
    margin-left: 5px;
    font-size: 16px;
    }

/* products */
      .pdc_desc_itm{width: 100%;}
        .pdc_desc_itm:first-of-type{
          margin-right: 0%;
          margin-bottom: 30px;
          }
        .pdc_exp_itm{
          width: 100%;
          margin: 0;
          margin-bottom: 30px;
          } 
          .pdc_exp_itm:nth-of-type(2n+2){margin-right: 0;}
          .pdc_exp_itm:last-of-type{margin-bottom: 0;}
           
        .pdc_flw_ttl{font-size: 20px;}
        .pdc_flw_lst{
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          margin-top: 35px;
          }
          .pdc_flw_itm{
            width: 50%;
            margin-right: 0px;
            position: relative;
            }
            .pdc_flw_itm::after,
            .pdc_flw_itm.pdc_ajt::before,
            .pdc_flw_itm.pdc_slc::before,
            .pdc_flw_itm.pdc_rgs::before{display: none;}
              .pdc_flw_itm:nth-of-type(2n+2){margin-right: 0;}
            .pdc_flw_desc{justify-content: center;}


}/* max-width: 680px */

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

  .lab_ispct_emp br{display: none;}

}/* min-width: 581px */

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

/* prize */
.prize_wrap{flex-wrap: wrap;}
  .prz_photo{
    width: 100%;
    margin-right: 0%;
    order: 1;
    }
  .prz_badge{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
    order: 0;
    }

/* system_outline */
.sys_ttl{
  display: block;
  text-align: center;
  }
  .sys_ttl_eps{
    display: block;
    margin-left: 0px;
    margin-top: 10px;
    }  
  .sys_flw_fig{height: 190px;}
  .sys_cpy{font-size: 20px;}
    .sys_cpy_sml01{
      font-size: 18px;
      margin-left: 10px;
      }
    .sys_cpy_sml02{
      font-size: 16px;
      margin-right: 5px;      
      }



/* cultivation */
.cvtn_wrap .sys_detail_ttl{font-size: 15px;}
.sd_ttl_note{font-size: 24px;}

/* manufacture */
.mft_wrap .sys_detail_ttl{font-size: 24px;}
.prcs_item_detail{width: 100%;}
      .prcs_item{
        display: block;
        margin-bottom: 30px;
        }
        .prcs_item_ttl{
          width: 100%;
          margin: 0;
          margin-bottom: 20px;
          }
          .prcs_amnt{justify-content: center;}    
            .pack_amnt .prcs_amnt:first-of-type{margin-bottom: 30px;}
            .prcs_pack{
              display: block;
              text-align: center;
              }
            .prcs_pack_img{
              width: 210px;
              position: absolute;
              top: 50%;
              right: 0;
              transform: translateY(-50%);
              }
              .prcs_pack_img img{
                width: 100%;
                vertical-align: bottom;
                }
          .prcs_txt{max-width: 100%;}
    .type_ttl{
      padding: 10px;
      font-size: 18px;
      text-align: left;
      }
      .type_ttl br{display: none;}
      .type_itm{
        width: 47.5%;
        margin-top: 30px;
        margin-right: 5%;
        }
        .type_itm:nth-of-type(4n+4){margin-right: 5%;}
        .type_itm:nth-of-type(3n+3){margin-right: 5%;}
        .type_itm:nth-of-type(2n+2){margin-right: 0;}

/* laboratory */
.qal_wrap .sys_detail_ttl{font-size: 22px;}
.lab_ispct_emp {font-size: 18px;}

/* products */
.pdc_wrap .sys_detail_ttl{font-size: 22px;}
.pdc_exp_ttl{font-size: 16px;}
.pdc_flw_ttl{font-size: 16px;}

/* vietnam */
/* .vnm_badge{top: -60px;} */
.vnm_flg{width: 90px;}
.vnm_ttl{font-size: 22px;}
.vnm_subttl{
  font-size: 16px;
  text-align: left;
  }
.vnm_subttl br{display: none;}
.vnm_fig{margin-top: 25px;}
.vnm_amnt_unt{margin-left: 10px;}

/* contact */
.cnt_ttl{font-size: 18px;}
.cnt_tel,
.cnt_form{
font-size: 18px;
}
.cnt_opt,
.cnt_add{
  margin-top: 20px;
  font-size: 15px;
  }

}/* max-width: 580px */


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

  .spbr{display: none;}

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

.wrap{padding-top: 60px;}

/* header */
.glbl_header{
  height: 60px;
  padding-left: 15px;
  }
  .hdr_logo_area{width: 200px;}

  .glbl_nav{
    top: 60px;
    padding-top: 20px;  
    }
    .txt_lnk{
      width: 100%;
      margin-right: 0px;
      padding: 0;
      padding: 10px 0;
      text-align: center;
      border-bottom: 1px solid rgba(78,123,83,1);
      }
      .txt_lnk:nth-of-type(5){border: 0;}
      .tl_txt{font-size: 14px;}
  .gln_btn_blc{display: block;}
    .gln_btn{
        width: 100%;
        height: 50px;
        font-size: 14px;
        }
      .nav_btn{width: 60px;}
        .btn_bar{
          width: 30px;
          height: 24px;
          }
/* system_detail */
/* .sd_vis_fig{height: 300px;} */

/* system_outline */
.sys_ttl{font-size: 20px;}
  .sys_ttl_eps{
    font-size: 30px;
    line-height: 38px;
    }
  .sys_flw_itm{
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
    }
    .sf_itm_cvtn,
    .sf_itm_qal{
      margin-top: 0;
      margin-right: 0;
      }  
    .sf_itm_pdc{margin: 0;}
      .sys_flw_fig{
        height: auto;
        padding: 20px 0;
        border: 0;
        }
          .sf_itm_pdc .sys_flw_fig img{width: 65%;}

.sys_cpy{
  padding: 20px 0 15px 0;
  font-size: 18px;
  }
  .sys_cpy_sml01{font-size: 15px;}
  .sys_cpy_sml02{font-size: 15px;}       
  
/* system_detail */
.sys_detail_vis{
  margin-bottom: 30px;
  position: relative;
  }
  .sys_detail_badge{
    width: 140px;
    height: 140px;
    }


/* cultivation */
.sd_ttl_note{font-size: 20px;}
  .sys_detail_subttl{
    margin-top: 20px;
    font-size: 16px;
    }

/* manufacture */
.mft_wrap .sys_detail_ttl{font-size: 20px;}
  .prcs_amnt{
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    }
        .prcs_amnt_day,
        .pack_amnt .prcs_amnt_day{
          width: 100%;
          max-width: 200px;
          margin: 0 auto 10px;
          padding-top: 5px;
          padding-bottom: 5px;
          }
        .prcs_amnt_nmb{
          height: 40px;
          margin-top: -2px;
          font-size: 40px;
          line-height: 42px;
          }
          .prcs_amnt_unt{font-size: 18px;}
          .pack_amnt .prcs_amnt_unt{font-size: 18px;}
        .prcs_amnt_txt{
          margin-left: 5px;
          padding-top: 2px;
          font-size: 14px;
          line-height: 18px;
          }
        .prcs_amnt_note{
          font-size: 13px;
          text-align: left;
          }
        .prcs_pack{
          justify-content: center;
          width: 100%;
          height: auto;
          margin-right: 0;
          margin-bottom: 20px;
          }
        .prcs_pack_img{width: 170px;}

/* laboratory */
.qal_wrap .sys_detail_ttl{font-size: 20px;}
.lab_subttl{font-size: 16px;}
.lab_ispct_ttl{font-size: 15px;}

/* vietnam */
.vnm_ttl{font-size: 20px;}
.vnm_plt_data{
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  }
  .vnm_plt_itm{
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    }
    .vnm_itm_ttl{
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
      }

/* laboratory */
.qal_wrap .sys_detail_ttl{font-size: 20px;}
.lab_ispct_emp {font-size: 16px;}

/* products */
.pdc_wrap .sys_detail_ttl{font-size: 20px;}

}/* max-width:480px */

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

/* products */
.pdc_flw_itm{
  width: 100%;
  margin-bottom: 30px;
  }
  .pdc_flw_itm:last-of-type{margin-bottom: 0;}



  .bus_root dd{width: 100%;}

}/* max-width:420px */