@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Oswald:wght@500&display=swap');
body{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:500;
  font-size:16px;
  line-height:1.2;
  overflow-x:hidden;
}

.italic{
  font-family: Helvetica, "ＭＳ Ｐゴシック";
  font-style: oblique;
}


a{
  text-decoration:none;
  color:#1d1d1f;
}

a:hover img{
  opacity:0.8;
}

ul{
  padding-left:0;
}

img{
  max-width:100%;
}

/* header */
header .container-fluid{
  padding-left:0;
  padding-right:0;
}

#logo{

}

#logo img {
    max-height: 80px;
    padding: 10px;
}


#globalnav{
  height:100%;
}
#globalnav > ul{
  display:flex;
  height:100%;
  justify-content: flex-end;
  margin-bottom:0;
  list-style:none;
}

#globalnav > ul > li > a{
  display: flex;
  height:100%;
  padding:10px 30px;
  align-items:center;
}

#globalnav > ul > li:last-child a{
  background:#E50011;
  color:#FFF;
}

#globalnav > ul > li{
  position:relative;
}

#globalnav > ul > li:hover .dropdown__lists {
  transform: scaleY(1);
}


.dropdown__lists {
    transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
    transform-origin: center top;/*変形を適応する基準をtopとする*/
    transition: all .3s;/*表示の変化を0.3秒に指定*/
    width: 100%;
    position: absolute;
    top: 67px;
    left: 0;
    background:#F5F5F7;
    width:280px;
    z-index:9999;
    list-style:none;
}
.dropdown__lists >li {
    background-color: #F5F5F7;
    height: 60px;
    transition: all .3s;
    position: relative;
}
.dropdown__lists >li a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1d1d1f;
    text-decoration: none;
    position: relative;
    display:block;
  padding:20px;
}
.dropdown__lists >li a:hover {
    color: #fff;
    background-color: #E50011;
}


#wrapper nav ul li {
  display: inline-block;
  font-size: 16px;
  padding: 30px 20px 25px 28px;
}
#wrapper nav ul li a {
  color: #ddd;
}

@media screen and (max-width: 1200px) {
  #globalnav > ul > li > a{
    padding:10px 10px;
  }
}

@media screen and (max-width: 992px) {
  header nav {
    display: none;
  }
  #wrapper nav {
    position: fixed;
    top: 70px;
    right: -300px;
    width: 300px;
    background: #F5F5F7;
    font-size: 16px;
    box-sizing: border-box;
    z-index: 2;
    display: block;
  }
  #wrapper nav ul {
    padding-left: 0;
  }
  #wrapper nav ul li {
    display: block;
    padding: 20px 28px;
    text-align:center;
  }
  #wrapper nav ul li a {
    text-decoration: none;
    color: #1d1d1f;
  }
  #wrapper .btn-gnavi {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 24px;
    z-index: 3;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
  }
  #wrapper .btn-gnavi span {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #666;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
  }
  #wrapper .btn-gnavi span:nth-child(1) {
    top: 0;
  }
  #wrapper .btn-gnavi span:nth-child(2) {
    top: 10px;
  }
  #wrapper .btn-gnavi span:nth-child(3) {
    top: 20px;
  }
  #wrapper .btn-gnavi.open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  #wrapper .btn-gnavi.open span {
   /* background: #fff; */
  }
  #wrapper .btn-gnavi.open span {
    width: 24px;
  }
  #wrapper .contents section p {
    position: absolute;
    top: 50%;
    width: 30%;
    line-height: 1.4;
    font-size: 20px;
    color: #fff;
    text-shadow: 0 0 6px #666;
  }
  #wrapper .contents section:nth-child(odd) p {
    left: 10%;
  }
  #wrapper .contents section:nth-child(even) p {
    right: 10%;
  }
}

#spbottom{
  display:none;
  position:fixed;
  width:100vw;
  left:0;
  bottom:0;
}
#spbottom a{
  display:block;
  background:#E60012;
  color:#FFF;
  text-align:center;
  padding:20px;
  color:#FFF;
}
@media screen and (max-width: 765px) {
  #spbottom{
    display:block;
  }
}

.footerContact{
  background:#E60012;
  text-align:center;
  color:#FFF;
  padding:100px 0px;
}

/*  */
footer{
  background:#F5F5F7;
  padding:90px 0px 0px 0px;
}

footer nav ul{
  list-style:none;
}

footer nav > ul >li a{
  display:block;
  font-size:14px;
  border-bottom:1px solid #3E3A39;
  padding:4px 0px;
  margin-bottom: 15px;
}

footer nav > ul >li > ul > li a{
  display:block;
  border:none;
  font-size:13px;
  margin-bottom: 5px;  
}

#copyright{
  color:#C9CACA;
  font-size:12px;
  margin-top:120px;
}

#copyright .container{
  border-top:1px solid #C9CACA;
  padding-top:20px;
  padding-bottom:20px;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 100%;
    text-align:right;
    padding-right:10px;
}
#page-top a {
    background: #E60012;
    text-decoration: none;
    color: #fff;
    border:1px solid #FFF;
    padding: 1px 14px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    font-size:150%;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/* common */
.pageheader{
  color:#FFF;
}


/* index */

#fbanner{
  position:fixed;
  right:10px;
  bottom:110px;
}

#fbanner i{
  position:absolute;
  right:5px;
  top:5px;
  font-size:150%;
}

#fbanner i:hover{
  cursor:pointer;
}

.lh1{
  line-height:1 !important;
}

#mainimage02{
  background-image:url("../img/index/mainback02.jpg");
  background-size:cover;
  color:#FFF;
  position:relative;
  padding:100px 0px;
  margin-bottom:90px;
}

.slider-nav .slick-track{
  width:initial !important;
  width:auto !important;
}


#products{
  padding:70px 0px;
  background:#f5f5f7;
}

#products h3 {
  padding: 0px 20px 15px 0px;
  font-size: 32px;
  font-weight: bold;
  border-bottom: 1px solid #E60012;
  margin-bottom: 1rem;
}

#products h4 {
  font-size:20px;
  font-weight:bold;
}

#products .newtag{
  color:#FFF;
  background:#e60012;
  display:inline-block;
  padding:2px 20px;
  border-radius:10px;
}


#controll{
  padding:70px 0px;
  background:#f5f5f7;
}
#controll h2 {
  font-size:23px;
}

#abouts{
  padding:30px 0px 70px 0px;
}

#abouts h4 {
  font-size:20px;
  font-weight:bold;
}


.btn-grade{
  display:inline-block;
  border:2px solid #E60012;
  padding:15px 10px;
  text-align:center;
  color:#fff;
  border-radius:2px;
  min-width:270px;
  position:relative;
  background: rgb(200,0,11);
  background: linear-gradient(270deg, rgba(200,0,11,1) 0%, rgba(232,56,32,1) 100%);
  border-radius:30px;
-moz-box-shadow: 1px 1px 7px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 1px 7px 5px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 1px 1px 7px 5px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 7px 5px rgba(0, 0, 0, 0.15);
  transition:.3s;
}

.btn-grade:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
  position:absolute;
  right:10px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}

.btn-grade:hover{
  background:#ccc;
  color:#E60012;
  transition:.3s;
}

h2{
  text-align:center;
  font-size:34px;
  font-weight:bold;
}

h2 small{
  font-size:20px;
  font-weight:bold;
  display:block;
}

p{
  line-height:2;
}



.more-white{
  display:inline-block;
  border:1px solid #ffffff;
  padding:15px 10px;
  text-align:center;
  color:#ffffff;
  border-radius:2px;
  min-width:270px;
  position:relative;
  margin-top: 10px;
  transition:.3s;
}

.more-white:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
  position:absolute;
  right:10px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}

.more-white:hover {
  color:#000;
  background:#ffffff;
  transition:.3s;
}

.more-red{
  display:inline-block;
  border:1px solid #E60012;
  padding:15px 10px;
  text-align:center;
  color:#E60012;
  border-radius:2px;
  min-width:270px;
  position:relative;
  margin-top: 10px;
  transition:.3s;
}

.more-red:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
  position:absolute;
  right:10px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}

.more-red:hover {
  color:#ffffff;
  background:#E60012;
  transition:.3s;
}

.more-red-b{
    display: inline-block;
    border: 1px solid #E60012;
    padding: 15px 10px;
    text-align: center;
    color: #E60012;
    border-radius: 2px;
    min-width: 270px;
    position: relative;
    margin-top: 10px;
    transition: .3s;
    width: 340px;
    margin: 0 auto;
    border-radius: 50px;
}

.more-red-b:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
  position:absolute;
  right:10px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}


.more-red-b:hover {
  color:#ffffff;
  background:#E60012;
  transition:.3s;
}

.more-yellow{
  display:inline-block;
  border:1px solid #F7931E;
  padding:15px 10px;
  text-align:center;
  color:#F7931E;
  border-radius:2px;
  min-width:270px;
  position:relative;
  transition:.3s;
}

.more-yellow:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
  position:absolute;
  right:10px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}


.more-yellow:hover {
  color:#ffffff;
  background:#F7931E;
  transition:.3s;
}

#topbasic{
  padding-top:70px;
}

#topbasic .container-fluid{
  padding-left:0;
  padding-right:0;
}

#topbasic .container-fluid .row .col-md-6{
  padding-left:0;
  padding-right:0;
  position:relative;
}

#topbasic .basicbox{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
  padding:40px;
  background:rgba(255,255,255,0.8);
  text-align:center;
}

#topbasic .basicbox h3{
  font-size:28px;
  font-weight:bold;
  color:#F7931E;
  margin-bottom: 1.5em;  
}

#topdocument{
  background-image:url("../img/index/topdocument.jpg");
  background-size:cover;
  padding:90px 0px;
  color:#FFF;
}

#topdocument .h3_before{
  font-family: 'Oswald', sans-serif;
  font-weight:500;
  font-size:28px;
  position:relative;
  margin-bottom:20px;

}

#topdocument h3{
  font-size:44px;
}

#topdocument a.link{
  margin-top:30px;
  display:block;
  display:inline-block;
  border:1px solid #fff;
  padding:15px 10px;
  text-align:center;
  color:#fff;
  border-radius:2px;
  min-width:270px;
  position:relative;
  transition:.3s;
}

#topdocument a.link:hover{
  background:#fff;
  color:#000;
  transition:.3s;
}


#toparchive .toparchive_header{
  background-image:url("../img/index/archive_header.jpg");
  background-size:cover;
  padding:130px 0px;
  color:#FFF;
}

.toparchive_inner{
  padding:90px 50px 90px 50px;
}

ul#archivelist{
  list-style:none;
  border-top:1px solid #b5b5b6;
}

ul#archivelist li{
  border-bottom:1px solid #b5b5b6;
}

ul#archivelist li a{
  display:block;
  padding:30px 50px 30px 0px;
  position:relative;
}

ul#archivelist li a .title{
  font-size:28px;
/*  font-weight:bold;*/
  margin-bottom:20px;
}

ul#archivelist li a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
  font-size:50px;
  position:absolute;
  right:0px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  color:#E60012;
}

#future > .container{
  margin-bottom:120px;
}

.future_title{
  font-size:26px;
  font-weight:bold;
  margin-top:20px;
  margin-bottom:20px;
}

.needs_header{
  background-image:url("../img/index/needs_back.png");
  background-size:100% 100%;
  padding:100px 0px 200px 0px;
  text-align:center;
  font-size:22px;
  font-weight:bold;
  color:#e60012;
}

.needs_header h2{
  color:#FFF;
  margin-bottom:50px;
}

.needs_box{
  background:#FFF;
  padding:40px;
}

.needs_footer{
  color:#FFF;
  background:#e60012;
  text-align:center;
}

.sideborder {
  position: relative;
  display: inline-block;
  padding: 0 25px;
  margin-bottom:20px;
}
.sideborder:before, .sideborder:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 22px;
  height: 2px;
  background-color: #FFFFFF;
}
.sideborder:before {
  left:0;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sideborder:after {
  right: 0;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

#usage{
  color:#e50211;
  text-align:center;
  background:#f5f5f7;
  padding:60px 0px;
}

.sideborder.red:before, .sideborder.red:after {
  background-color: #e50211;
}



/* content */
#leaflet .pageheader{
  background-image:url("../img/leaflet/pageheader.jpg");
  background-size:cover;
  padding:130px 0px;
}
#leaflet .pageheader h2{
  line-height:2;
}

.btn-download{
  display:block;
  text-align:center;
  padding:15px;
  border:1px solid #E60012;
  color:#E60012;
  transition:.3s;
}

.btn-download:hover{
  background:#E60012;
  color:#fff;
  transition:.3s;
}


/* products */
.ppageheader{
  padding:150px 0px;
}

.ppageheader .h2_before{
  color:#31A053;
  font-size:42px;
  font-family: 'Oswald', sans-serif;
  font-weight:500;
}

.ppageheader h2{
  text-align:left;
  margin-bottom:30px;
}

#plantbase .headline{
  text-align:center;
  padding:190px 0px;
}

#plantbase .headline h3{
  font-size:36px;
  font-weight:700;
}

#plantbase .headline .h3_before{
  font-family: 'Oswald', sans-serif;
  font-weight:500;
  font-size:28px;
  color:#231815;
  position:relative;
  margin-bottom:50px;
}

#plantbase .headline .h3_before:after{
  content:"";
  width:50px;
  height:2px;
  display:block;
  background:#231815;
  position:absolute;
  left:50%;
  bottom: -23px;
  -webkit-transform: translateX(-50%); /* Safari用 */
  transform: translateX(-50%);
}

#plantbase .ppageheader{
  background-image:url("../img/products/plantbase/ppageheader.jpg");
  background-size:cover;
}

#plantbase #p_h_probrem{
  padding:90px 0px;
}

#plantbase #p_h_solution{
/*
  background-image:url("../img/products/plantbase/headline2.jpg");
  background-size:cover;
*/
  background:rgba(57, 181, 73, 0.8);
  padding:80px 0px;
}

#plantbase #p_h_solution .inner{
  border:1px solid #FFF;
  color:#FFF;
  padding:70px 0px;
}

#plantbase #p_h_solution .h3_before{
  color:#FFF;
}

#plantbase #p_h_solution .h3_before:after{
  background:#FFF;
}


#plantbase #p_h_solution2{
  background-image:url("../img/products/plantbase/headline2.jpg");
  background-size:cover;
  padding:70px 0px;
}

#plantbase #p_h_solution3{
  background-image:url("../img/products/plantbase/headline3.jpg");
  background-size:cover;
  padding:70px 0px;
}

#plantbase #p_h_solution4{
  background-image:url("../img/products/plantbase/headline4.jpg");
  background-size:cover;
  padding:70px 0px;
}




#plantbase h4{
  font-size:23px;
  font-weight:bold;
  position:relative;
  margin-bottom:100px;
  text-align:center;
}


#plantbase h4:after{
  content:"";
  width:360px;
  height:2px;
  display:block;
  background:#231815;
  position:absolute;
  left:50%;
  bottom: -10px;
  -webkit-transform: translateX(-50%); /* Safari用 */
  transform: translateX(-50%);
}

#plantbase h4:before{
  content:"";
  width:2px;
  height:25px;
  display:block;
  background:#231815;
  position:absolute;
  left:50%;
  bottom: -35px;
  -webkit-transform: translateX(-50%); /* Safari用 */
  transform: translateX(-50%);
}


#plantbase h5{
  color:#39B54A;
  font-size:20px;
  font-weight:bold;
  margin-bottom:20px;
}
#plantbase .solution_box{
  background:#FFFBC7;
  border:4px solid #39B54A;
  padding:30px;
  text-align:center;
  height:100%;
  border-radius:10px;
  line-height:2;
}

#plantbase .solution_box .title{
  color:#39B54A;
  font-weight:bold;
  margin-bottom:20px;
  font-size:120%;
}

#plantbase #application{
  padding:50px 0px;
}


#plantbase #undercontent{
  background:#F5F5F7;
  padding:50px 0px;
}

#plantbase #undercontent > .container{
  background:#FFF;
}

#plantbase #undercontent #undercontent_innner{
  padding:80px;
}



#plantbase h4.circleh4{
  border:2px solid #000;
  padding:10px;
  border-radius:40px;
  text-align:center;
  font-size:20px;
  min-width:255px;
  display:inline-block;
  margin-bottom:10px;
}

#plantbase h4.circleh4:before,
#plantbase h4.circleh4:after{
  display:none;
}

#plantbase .bbline{
  border-bottom:2px solid #000;
  padding-bottom:20px;
}

#plantbase .solution_box2{
  border: 1px solid #39B54A;
  padding: 15px 30px;
  line-height:2;
  border-radius: 10px;
  font-weight:bold;
  margin-bottom:10px;
}

.green{
  color:#39B54A;
}

.gray{
  color:#9FA0A0;
}


.red{
  color:#FF0000;
}

h2.bborder{
  font-size:28px;
  border-bottom:4px solid #1d1d1f;
  padding-bottom:20px;
}


/* mildoligo */
.mildoligo .ppageheader{
  background-image:url("../img/products/mildoligo/ppageheader.jpg");
  background-size:cover;
}

.lemonsection{
  background-image:url("../img/products/mildoligo/back_lemon.jpg");
  background-size:cover;
  color:#FFF;
  text-align:center;
  padding:110px 0px 70px 0px;
}

.mildoligo #mo_headline1{
  background-image:url("../img/products/mildoligo/result1_header.jpg");
  background-size:cover;
  color:#FFF;
}

.mildoligo #mo_headline2{
  background-image:url("../img/products/mildoligo/result2_header.jpg");
  background-size:cover;
  color:#000;
}

.mildoligo #mo_headline3{
  background-image:url("../img/products/mildoligo/result3_header.jpg");
  background-size:cover;
  color:#000;
}

.mildoligo #mo_headline4{
  background-image:url("../img/products/mildoligo/result4_header.jpg");
  background-size:cover;
  color:#000;
}

.mildoligo .headline{
  padding:100px 0px;
}

.mildoligo .headline h3{
  font-weight:bold;
}

.mildoligo .headline h3{
  font-weight:bold;
  text-align:center;
  font-size:38px;
}

.mildoligo .headline .inner{
  padding:30px 0px;
}


.mildoligo .header_title_under{
  font-size:22px;
  font-weight:bold;
  text-align:center;
}

.mildoligo h4{
  border:2px solid #000;
  padding:10px;
  border-radius:40px;
  text-align:center;
  font-size:20px;
  min-width:255px;
  display:inline-block;
}



table.mtable{
  width:100%;
  border-top:2px solid #000;
}

table.mtable tbody th{
  background:#65AADD;
  color:#FFF;
  text-align:center;
  border-bottom:2px solid #000;
  padding:10px;
}

table.mtable tbody td{
  border-bottom:2px solid #000;
  border-left:2px solid #000;
  padding:10px;
  background:#EFEFEF;
}

table.mtable tbody tr td:first-child{
  border-left:0;
}

table.mtable tbody tr:nth-child(odd) td {
  background: #fff;
}


table.mtable tbody tr.lastrow td{
  background:#EAEFF9;
}

.recipe_banners{
  padding:60px 0px;
  background:#f5f5f7;
}

.recipe_banners h3{
  font-size:28px; 
  font-weight:bold;
}


/* lemon */
.lemon .ppageheader{
  background-image:url("../img/products/lemon/ppageheader.jpg");
  background-size:cover;
}

.lemon .ppageheader h2{
  text-align:center;
}


.lemon h4{
  border:2px solid #000;
  padding:10px;
  border-radius:40px;
  text-align:center;
  font-size:20px;
  min-width:255px;
  display:inline-block;
}

.lemon .pinkbox{
  background:#ef8585;
  color:#FFF;
  font-size:18px;
  font-weight:bold;
  border-radius:5px;
  padding:20px;
}


/* fujioligo450 */
.fujioligo450 .ppageheader{
  background-image:url("../img/products/fujioligo450/ppageheader.jpg");
  background-size:cover;
}

.fujioligo450 h4{
  border:2px solid #000;
  padding:10px;
  border-radius:40px;
  text-align:center;
  font-size:20px;
  min-width:255px;
  display:inline-block;
}

.fujioligo450 .catch{
  font-size:28px; 
  font-weight:bold;
  text-align:center;
  line-height:2;
}


/* gentose45 */

.gentose45 .headline{
  padding:100px 0px;
}

.gentose45 .headline h3{
  font-weight:bold;
}

.gentose45 .headline h3{
  font-weight:bold;
  text-align:center;
  font-size:38px;
}

.gentose45 .headline .inner{
  padding:30px 0px;
}

.header_title_under{
  font-size:22px;
  font-weight:bold;
}


.gentose45 .ppageheader{
  background-image:url("../img/products/gentose45/ppageheader.jpg");
  background-size:cover;
}


.gentose45 #gt_headline1{
  background-image:url("../img/products/gentose45/konbu_header.jpg");
  background-size:cover;
  color:#FFF;
}

.gentose45 #gt_headline2{
  background-image:url("../img/products/gentose45/kajyu_header.jpg");
  background-size:cover;
}

.gentose45 #gt_headline3{
  background-image:url("../img/products/gentose45/tomato_header.jpg");
  background-size:cover;
  color:#FFF;
}

.gentose45 #gt_headline4{
  background-image:url("../img/products/gentose45/nonal_header.jpg");
  background-size:cover;
  color:#000;
}

.gentose45 .font38{
  font-size:38px;
  font-weight:bold;
}

.gentose45 .gt_menu{
  color:#1d1d1f;
  display:block;
  padding:20px;
  font-weight:bold;
  border:2px solid #000;
}

.gentose45 h4{
  border:2px solid #000;
  padding:10px;
  border-radius:40px;
  text-align:center;
  font-size:20px;
  min-width:255px;
  display:inline-block;
}

table.gtable{
  width:100%;
  border-top:2px solid #000;
}

table.gtable thead th{
  background:#65AADD;
  color:#FFF;
  text-align:center;
  border-bottom:2px solid #000;
  border-left:2px solid #000;
  padding:10px;
}

table.gtable thead tr th:first-child{
  border-left:0;
}

table.gtable tbody td{
  border-bottom:2px solid #000;
  border-left:2px solid #000;
  padding:10px;
  background:#EFEFEF;
}

table.gtable tbody tr td:first-child{
  border-left:0;
}

table.gtable tbody tr:nth-child(odd) td {
  background: #fff;
}


table.gtable tbody tr.lastrow td{
  background:#EAEFF9;
}




table.otable{
  width:100%;
  border-top:2px solid #ED7F33;
}

table.otable tbody td{
  border-bottom:2px solid #ED7F33;
  padding:10px;
  background:#FBE5D7;
  line-height:2;
}

table.otable tbody tr td:first-child{
  border-left:0;
}

table.otable tbody tr:nth-child(odd) td {
  background: #fff;
}



/* texturch */
.texturch{
  padding-bottom:
}

.texturch .ppageheader{
  background-image:url("../img/products/texturch/ppageheader.jpg");
  background-size:cover;
}

.texturch h4{
  border:2px solid #000;
  padding:10px;
  border-radius:40px;
  text-align:center;
  font-size:20px;
  min-width:255px;
  display:inline-block;
}

.texturch table.gtable tbody tr td:nth-child(1){
  text-align:left;
}

.texturch table.gtable tbody tr.red{
  font-weight:bold;
}

.texturch table.gtable tbody tr.lastrow td:nth-child(1){
  text-align:right;
}



.basic_information{
  border-top:3px solid #040000;
  border-bottom:3px solid #040000;
  padding:20px 0px;
}

.graph_title{
  font-size:18px;
  font-weight:bold;
  background:#dcdddd;
  display:inline-block;
  padding:10px 20px;
}

.undermessage{
  text-align:center;
  font-size:28px;
  font-weight:bold;
  line-height:2;
}

/* contact */

table.contact{
  width:100%;
  border-top:1px solid #ED7F33;
}

table.contact tbody th,
table.contact tbody td{
  border-bottom:1px solid #ED7F33;
  padding:10px;
  line-height:2;
}

table.contact tbody tr td:first-child{
  border-left:0;
}


table.contact tbody th.required:after{
  content:"必須";
  font-size:12px;
  background:#F00;
  border-radius:3px;
  color:#FFF;
  padding:1px 4px;
  margin-left:5px;
  font-weight:normal;  
}

.lh2{
  line-height:2;
}

.font22{
  font-size:22px;
}

.font25{
  font-size:25px;
}

.txtbox{
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  padding:20px 0px;
}



.gentose45 .material_box{
  border:1px solid #65AADD;
  padding:10px;
  text-align:center;
  height:100%;
  border-radius:10px;
}

.gentose45 .material_box .title{
  font-weight:bold;
  margin-bottom:20px;
}

.gentose_banners{
  padding:100px 0px;
}

/* basic */


nav.submenu{
  background:#F5F5F7;
  padding:20px 30px;
  margin:65px 0px;
}

nav.submenu ul{
  margin-bottom:0;
  list-style:none;
  display:flex;
  flex-wrap: wrap;
}

nav.submenu ul li{
  width:33%;
}

nav.submenu ul li a{
  font-size:14px;
  position:relative;
  display:inline-block;
  padding:10px 0px 10px 20px;
}

nav.submenu ul li a:before {
  font-family: "Font Awesome 5 Free";
  content: '\f0a9';
  font-weight: 900;
  position:absolute;
  left:0px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  color:#E60012;
}





.starch .pageheader{
  background-image:url("../img/basic/starch_pageheader.jpg");
  background-size:cover;
  padding:140px 0px 120px 0px;
}

.saccharification .pageheader{
  background-image:url("../img/basic/saccharification_pageheader.jpg");
  background-size:cover;
  padding:140px 0px 120px 0px;
}


.pageheader h2 small{
  margin-bottom:10px;
}

.pageheader h2 small span {
  position: relative;
  display: inline-block;
  padding: 0 45px;
}
.pageheader h2 small span:before, .pageheader h2 small span:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 35px;
  height: 2px;
  background-color: #fff;
}
.pageheader h2 small span:before {
  left:0;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.pageheader h2 small span:after {
  right: 0;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.basic h3{
  font-size:36px;
  text-align:center;
  border-bottom:6px solid #231815;
  padding-bottom:20px;
  margin-bottom:40px;
}

.qa{
  background:#F8F6E7;
  padding:30px;
  line-height:2;
}

.tags{
  list-style:none;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}

.tags li{
  width:20%;
  padding:2px;
}

.tags li div{
  background:#FFF799;
  border-radius:6px;
  text-align:center;
  padding:20px 0px;
}

.basic h4 {
  padding-bottom:10px;
  display: block;
  border-bottom: solid 1px #666;
}

.cap{
  font-size:14px;
  line-height: 160%;
}

.mb-3 {
    margin-bottom: 2rem!important;
}

.button a {
    text-decoration: underline;
}

.footerbanner {
  display: block;
  padding-bottom:40px;
}

.only_pc{
    display: block;
}
@media screen and (max-width: 1200px) {
  #mainimage02 .maintxt{
    font-size:33px;
  }
}

/* md ≥768px */
@media screen and (max-width: 991px) {
  #mainimage02{
  }
  #mainimage,3 #mainimage_lower{
    padding-bottom:10px;
  }
  #mainimage02 #mainimage_lower .slick-slide{
    max-width:33%;
  }

  .footerContact{
    padding:50px 0px;
  }
  .footerContact .telbox{
    margin-bottom:60px;
  }

  .topabout .about_box{
    padding:30px;
  }
  .topabout > img{
    width:70%;
  }


}

/* sm ≥576px */
@media screen and (max-width: 767px) {
  #mainimage02{
    padding:40px 0px;
  }
  .topabout > img{
    width:100%;
  }

}

/* xs <576px */
@media screen and (max-width: 576px) {
  header .container-fluid {
    padding-right: calc(var(--bs-gutter-x) * .7);
    padding-left: calc(var(--bs-gutter-x) * .7);
  }
  
body {
    font-size: 14px;
}
 
  #wrapper .btn-gnavi{
    top:15px;
    right:15px;
  }

  #mainimage02{
    min-height: 300px;
    padding:80px 0px 0px 0px;
  }
  #mainimage02 #mainimage_lower{
    position:static;
  }

  .topabout .about_inner{
    position:static;
    transform:none;
  }


  .topabout .about_inner .col-md-7{
    padding-left:0;
    padding-right:0;
  }

  #topbasic .container-fluid {
    padding-right: calc(var(--bs-gutter-x) * .7);
    padding-left: calc(var(--bs-gutter-x) * .7);
  }

  .ppageheader{
    padding:65px 0px;
  }

  .ppageheader h2{
    font-size:30px;
  }

  #leaflet .pageheader{
    padding:65px 0px;
  }

  #plantbase h4{
    font-size:20px;
  }

  #plantbase h5{
    font-size:16px;
  }

  #plantbase #p_h_probrem{
    padding:30px 0px;
  }

  #plantbase #p_h_solution .inner{
    padding:40px 0px;
  }

  #plantbase .headline h3{
    font-size:20px;
  }

  #plantbase .solution_box{
    padding:15px;
    margin-bottom:30px;
  }

  .gentose45 .headline{
    padding:40px 0px;
  }

  .gentose45 .headline h3{
    font-size:24px;
  }

  .header_title_under{
    font-size:18px;
  }

  .basic h3{
    font-size:24px;
  }

  nav.submenu ul li{
    width:100%;
  }

  .starch .pageheader{
    padding:40px 0px 20px 0px;
  }

  .saccharification .pageheader{
    padding:40px 0px 20px 0px;
  }

  #products h3{
    font-size:20px;
  }

  #controll{
    padding:20px 0px;
  }

  #products .newtag{
    margin-top:10px;
  }

/*  #abouts .more-red{
    margin-bottom:10px;
  }*/

  #topdocument h3{
    font-size:32px;
  }
 
  .toparchive_inner{
    padding:20px 10px 10px 10px;
  }

  .headline h2{
    font-size:22px;
  }

  .mildoligo .headline h3{
    font-size:24px;
  }

  #wrapper nav{
    top:13vw;
  }
  
    
h2 {
    font-size: 24px;
} 
 
 .btn-download {
   margin-top:10px;   
}

#products {
    padding: 30px 0px 0px 0px ;
}

.font22 {
    font-size: 16px;
}

.more-red {
    display:block;
    min-width: 160px;
    margin: 10px auto 30px auto;
}

.mb-5 {
    margin-bottom: 1rem!important;
}

.container{
    padding-right: calc(var(--bs-gutter-x) * .7);
    padding-left: calc(var(--bs-gutter-x) * .7);
}
.only_pc{
    display: none;
}

#future > .container {
    margin-bottom: 40px;
}

.mb-3 {
    margin-bottom: 1rem!important;
} 


.needs_box {
    font-size: 18px;
} 

.needs_footer {
    color: #FFF;
    background: #e60012;
    text-align: center;
    padding: 0 15px;
} 

.btn-download {
    margin: 0 0 20px 0;
}

#usage {
    padding: 40px 0px;
}  

#abouts {
    padding: 40px 0px;
}  


#topdocument {
    padding: 20px 0px;
}

.future_title {
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

needs_header {
    background-image: url(../img/index/needs_back.png);
    padding: 60px 0px 128px 0px;
    text-align: center;
    font-size: 22px;
}


}




/*調整 */
.slick-prev, .slick-next {
    width: 40px!important;
    height: 40px!important;
}

.slick-prev {
    left: -50px!important
}

.slick-prev:before, .slick-next:before {
    font-size: 40px!important;
}

.slick-next {
    right: -50px!important;
}

.col-12.chushaku {
    padding: 50px;
    background-color: #F4F4ED;
}
.font24 {
    font-size:24px;
  }

#abouts .slick-prev:before,
#abouts .slick-next:before{
  color:black;
}