@charset "utf-8";
/* CSS Document */

/*-----------------------------------共通*/
.main_nav li:nth-child(3) a{color:#008F85; }
.main_nav li:nth-child(3) a{border-bottom: 2px solid #008F85;}

.t-left{ text-align: left;}

.catch{color: #394799; font-weight: bold; font-size: 150%; margin-bottom: 30px;}
.btnarea{display: flex;
  justify-content: center;}

.busitbl{margin-left:auto; margin-right:auto; width:100%; margin-bottom: 30px; font-size: 80%; line-height: 1.5;}
.busitbl th{border: 1px solid #969696; background: #e5e5e5; padding: 8px; font-weight: normal; vertical-align: top;}
.busitbl td{border: 1px solid #969696; padding: 8px; vertical-align: top;}

.busitbl2{margin-left:auto; margin-right:auto; width:100%; margin-bottom: 30px; font-size: 80%; line-height: 1.5;}
.busitbl2 th{border: 1px solid #969696; background: #e5e5e5; padding: 8px; font-weight: normal; vertical-align: middle;}
.busitbl2 td{border: 1px solid #969696; padding: 8px; text-align: center; vertical-align: middle;}
.busitbl2 td.t-left{text-align: left;}
.pdf{
	display: inline-block;
	background: url("../common/images/pdf.png") right center / 15px auto no-repeat;
	min-height: 15px;
	padding-right: 20px;
}

.busiL{float:left; width:65%; margin-bottom:10px;}
.busiR{float:right; width:30%;}
.busiR img{width:100%; margin-bottom:10px;}

.float2{width:100%;}
.float2 li{width: 49%; text-align: left; list-style: none;}
.float2 li:nth-child(1){float: left;}
.float2 li:nth-child(2){float: right;}
.float2 li img{width: 100%}

.float3{width:100%;}
.float3 li{width: 32%; text-align: left; list-style: none;}
.float3 li:nth-child(1){float: left; margin-right: 20px;}
.float3 li:nth-child(2){float: left;}
.float3 li:nth-child(3){float: right;}
.float3 li img{width: 100%}

/*-----------------------------------TOP メニュー*/
.menuunder{border-top: 1px solid #969696; padding-top: 5px; margin-bottom: 10px;}
.menuarea{width: 100%; max-width: 1200px; margin: 0 auto;}
.menuul{width:100%;}
.menuul li{width: 49%; text-align: left; list-style: none; background: #ebebeb; margin-bottom: 30px;}
.menuul li img{width:100%;}
.menuul li:nth-child(1){float: left;}
.menuul li:nth-child(2){float: right;}
.listbtn{width: 100%; position: relative;}
.listbtn img{width: 100%;}
.listbtn p{color: #fff; text-align: center; width: 100%; padding: 8px 0; position: absolute; left: 0; bottom: 8px;
font-weight:bold; font-size:130%;
background: rgba( 83, 71, 65, 0.5 );
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
.menutxt p{padding: 10px;}
.menubtnarea{display: flex;
  justify-content: center; background: #fff; padding-top: 20px; padding-bottom: 10px;}

  
/*-----------------------------------CMS*/
#cmsarea{border-top: 1px solid #969696; padding-top: 5px; margin-bottom: 80px;}

#cmsarea #cmslist {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left:auto; margin-right:auto; width:95%; text-align:center; max-width:1600px; margin-bottom: 40px;
}
#cmsarea #cmslist li {
  width: 19%;
  list-style: none;
  margin-right:3px; margin-left:3px; margin-bottom: 20px; background: #efefef;
}
#cmsarea #cmslist li p.photo{width: 100%; display: block; padding-bottom: 0; margin-bottom: 0;}

#cmsarea #cmslist li p.photo img {width: 100%; height:180px; vertical-align: bottom; object-fit: cover;}
#cmsarea #cmslist li p.title{background: #333; color: #fff; text-align: center; padding-top: 2px; padding-bottom: 2px; width: 100%; display: block; font-size: 85%;}
#cmsarea #cmslist li p.txt{background: #efefef; padding: 5%; width: 90%; display: block; font-size: 80%; text-align: left;}

.day{margin-bottom: 30px;}
.honbun{margin-bottom: 30px;}
.photo{text-align: center; margin-bottom: 30px;}
.photo img{max-width: 100%;}
.dl{margin-bottom: 5px;}
.dl img{vertical-align: bottom;}

#pagenavi{padding-top: 80px; text-align: center;}


/*-----------------------------------肥料事業*/
#fermenu{margin-bottom:80px;}
#fermenu li{float:left; margin-right:50px; font-weight:bold; font-size:130%; color:#394799; list-style:none;}
#fermenu li a{text-decoration:underline; color:#394799;}
#fermenu li a:hover{text-decoration:none;}
.ferlist{margin-left:15px;}
.ferlist li{list-style:disc; list-style-position:outside;}

.ferimg{width:100%;}
.ferimg li{width: 30%; text-align: left; list-style: none; font-size: 80%; float: left; margin-right: 20px;}
.ferimg li img{width: 100%}

#float3a{float:left; margin-right:20px; font-size:80%; width:20%; margin-bottom: 30px;}
#float3a img{width:100%;}
#float3b{float:left; font-size:80%; width:38%;}
#float3b img{width:100%;}
#float3c{float:right; font-size:80%; width:38%;}
#float3c img{width:100%;}

/*-----------------------------------肥料事業 地域別*/
#areamap{text-align: center;}



/*-----------------------------------分析受託事業*/
#anat{margin-left:auto; margin-right:auto; width:100%; margin-bottom: 50px;}
#anat li{width: 33%; margin-bottom: 30px; text-align: center; list-style: none; float: left;}
#anat li p.anat1 img{width: 95%;}
#anat li p.anat2{}


/*-----------------------------------化成品事業*/
.chemt{margin-left:auto; margin-right:auto; width:100%; margin-bottom: 30px; line-height: 1.5;}
.chemt th{padding: 3px; font-weight: normal; vertical-align: top; text-align: left; width: 20%;}
.chemt td{padding: 3px; vertical-align: top;}


/*-----------------------------------化粧品原料事業*/
.coswd{width:25%}
.cosmelist{padding-left: 20px;}
.cosmelist li{list-style:disc; list-style-position:outside; float:left; margin-right:40px;}
.cosmelist li span{color: #FF5F00;}
.img100 img{width:100%;}
.cosmeinfo{color: #FF5F00; font-size: 80%;}


/*-----------------------------------不動産事業*/
#ret{margin-left:auto; margin-right:auto; width:100%; margin-bottom: 50px;}
#ret li{width: 49%; margin-bottom: 20px; text-align: left; list-style: none;}
#ret li:nth-child(odd){float: left;}
#ret li:nth-child(even){float: right;}
#ret li p.re1{margin-bottom: 5px; font-weight: bold;}
#ret li p.re2 img{width: 100%}


/*-----------------------------------海外事業*/
#foreT1{margin-left:auto; margin-right:auto; width:100%; margin-bottom: 50px;}
#foreT1 li{margin-bottom: 30px; text-align: left; list-style: none;}
#foreT1 li:nth-child(1){float: left; width: 34%;}
#foreT1 li:nth-child(2){float: right; width: 64%;}
#foreT1 li p.fore1{margin-bottom: 5px; font-weight: bold;}
#foreT1 li p.fore2a img{width: 100%;}
#foreT1 li p.fore2b img{width: 100%;}


/*-----------------------------------おすすめ銘柄ボタン*/
.meigara a {
  color: #008f85;
  font-size: 16px;
  background: transparent;
  width: 320px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #008f85;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  transition: .3s;
  border-radius: 20px;
  text-decoration: none;
}
.meigara a::before {
  content: "";
  width: 120%;
  height: 200%;
  position: absolute;
  top: -50%;
  right: 0;
  z-index: -1;
  background: #008f85;
  border-radius: 0 100% 100% 0;
  transform: translateX(-100%);
  transition: transform ease .6s;
}
.meigara a:hover {
  color: #fff;
  text-decoration: none;
}
.meigara a:hover::before {
  transform: translateX(10%);
}


/*-----------------------------------サンプル請求ボタン*/
.samplebtn a {
  color: #008f85;
  font-size: 20px;
  background: transparent;
  width: 300px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #008f85;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  transition: .3s;
  border-radius: 20px;
  text-decoration: none;
}
.samplebtn a::before {
  content: "";
  width: 120%;
  height: 200%;
  position: absolute;
  top: -50%;
  right: 0;
  z-index: -1;
  background: #008f85;
  border-radius: 0 100% 100% 0;
  transform: translateX(-100%);
  transition: transform ease .6s;
}
.samplebtn a:hover {
  color: #fff;
  text-decoration: none;
}
.samplebtn a:hover::before {
  transform: translateX(10%);
}



/*================================================
 *  SP向けデザイン
 ================================================*/
@media screen and (max-width:950px) {

/*-----------------------------------共通*/
.catch{color: #394799; font-weight: bold; font-size: 120%; margin-bottom: 30px;}

.busitbl th{padding: 5px;}
.busitbl td{padding: 5px;}

.busitbl2 th{padding: 5px;}
.busitbl2 td{padding: 5px;}

.busiL{float:none; width:100%;}
.busiR{float:none; width:100%; text-align:center;}
.busiR img{width:70%;}

.float2 li{width: 100%; text-align: center; margin-right:0; margin-bottom:20px;}
.float2 li:nth-child(1){float: none;}
.float2 li:nth-child(2){float: none;}
.float2 li img{width: 70%}

.float3 li{width: 100%; text-align: center; margin-bottom:20px;}
.float3 li:nth-child(1){float: none; margin-right:0;}
.float3 li:nth-child(2){float: none;}
.float3 li:nth-child(3){float: none;}
.float3 li img{width: 70%}

/*-----------------------------------TOP*/
.menuunder{border-top: none; padding-top: 0px; margin-bottom: 0px;}
.menuul li{width: 100%; margin-bottom: 20px;}
.menuul li:nth-child(1){float: none;}
.menuul li:nth-child(2){float: none;}
.listbtn p{bottom: 5px; font-size:130%;}


/*-----------------------------------CMS*/
#cmsarea{border-top: 1px solid #969696; padding-top: 5px;}
#cmsarea #cmslist li {width: 48%;}


/*-----------------------------------肥料事業*/
#fermenu li{margin-right:30px; font-size:120%;}

.ferimg li{width: 100%; text-align: center; margin-bottom:20px; margin-right:0;}
.ferimg li img{width: 60%}

#float3a{float:none; width:100%; text-align:center; padding-bottom:20px; margin-bottom: 0;}
#float3a img{width:60%;}
#float3b{float:none; width:100%; text-align:center; padding-bottom:20px;}
#float3b img{width:60%;}
#float3c{float:none; width:100%; text-align:center; padding-bottom:20px;}
#float3c img{width:60%;}


/*-----------------------------------分析受託事業*/
#anat li{width: 100%; margin-bottom: 20px; float: none;}
#anat li p.anat1 img{width: 70%;}
#anat li p.anat2{}


/*-----------------------------------化成品事業*/
.chemt th{font-weight: bold; width: 95%; display: block;}
.chemt td{width: 95%; display: block; padding-bottom: 10px;}


/*-----------------------------------化粧品原料事業*/
.coswd{width:35%}
.cosmelist{}
.cosmelist li{float:none;}


/*-----------------------------------不動産事業*/
#ret li{width: 100%; margin-bottom: 20px; text-align: center;}
#ret li:nth-child(odd){float: none;}
#ret li:nth-child(even){float: none;}
#ret li p.re2 img{width: 80%}


/*-----------------------------------海外事業*/
#foreT1 li{margin-bottom: 20px; text-align: center;}
#foreT1 li:nth-child(1){float: none; width: 95%;}
#foreT1 li:nth-child(2){float: none; width: 95%;}
#foreT1 li p.fore2a img{width: 60%;}
#foreT1 li p.fore2b img{width: 100%;}

#foreT2 li{width: 100%; text-align: center;}
#foreT2 li:nth-child(1){float: none;}
#foreT2 li:nth-child(2){float: none;}
#foreT2 li p.fore4 img{width: 100%}


}