@charset "UTF-8";@media print, screen and (min-width: 751px){/* -----------------------------------------------------------------------------
ナビ　アクティブ設定
-----------------------------------------------------------------------------*//* アクティブ*/.businessTop .navBusinessTop > a span,
.grains .navBusinessGrains > a > span,
.foods .navBusinessFoods > a > span,
.lifestyle .navBusinessLifestyle > a > span,
.ict_logi .navBusinessIct > a > span,
.realestate .navBusinessRealestate > a > span,
.helena .navBusinessHelena > a > span,
.chemicals .navBusinessChemicals > a > span,
.paper_pulp .navBusinessPaper > a > span,
.energy .navBusinessEnergy > a > span,
.steel .navBusinessSteel > a > span,
.metals .navBusinessMetals > a > span,
.power .navBusinessPower > a > span,
.plant .navBusinessPlant > a > span,
.aircraft_ship .navBusinessAircraft > a > span,
.car_lease .navBusinessLease > a > span,
.machinery .navBusinessMachinery > a > span,
.global .navBusinessGlobal > a > span{border-bottom: 1px solid #e60012 !important;}
/* pagenav ---------------------------------------------*/main.grains #pageNav .inner > ul > li.grains > a,
.foods #pageNav .inner > ul > li.foods > a,
.lifestyle #pageNav .inner > ul > li.lifestyle > a,
.ict_logi #pageNav .inner > ul > li.ict_logi > a,
.realestate #pageNav .inner > ul > li.realestate > a,
.helena #pageNav .inner > ul > li.helena > a,
.chemicals #pageNav .inner > ul > li.chemicals > a,
.paper_pulp #pageNav .inner > ul > li.paper_pulp > a,
.energy #pageNav .inner > ul > li.energy > a,
.steel #pageNav .inner > ul > li.steel > a,
.metals #pageNav .inner > ul > li.metals > a,
.power #pageNav .inner > ul > li.power > a,
.plant #pageNav .inner > ul > li.plant > a,
.aircraft_ship #pageNav .inner > ul > li.aircraft_ship > a,
.car_lease #pageNav .inner > ul > li.car_lease > a,
.machinery #pageNav .inner > ul > li.machinery > a,
.global #pageNav .inner > ul > li.global > a{color: #e60012 !important;}
/* field
---------------------------------------------*/#field{margin-bottom: 20px;}
#field .inner{background: url(../business/grains/img/img_field.jpg) no-repeat ;background-size: cover;padding: 0!important;display: table;}
#field.high .inner{background-position: 43% center;}
#field .inner h3{font-size: 2.6rem;font-weight: 500;margin-bottom: 30px;}
.listField{display: table-cell;vertical-align: middle;padding: 5% 0 5% 50%;}
.listField li{font-size: 1.6rem;text-align: left;font-weight: 500;}
#field .listAst{max-width: 1200px;width: 100%;margin: 40px auto 0;}
/* strength
---------------------------------------------*/.business #strength .inner{padding-top: 75px !important;}
.business #strength .inner section{margin-bottom: 65px;}
.business #strength .col3 img{width: 100%;}
.business #strength .col3 li{text-align: center;}
.business #strength .inner p.bnr{text-align: center;}
.business #strength .inner p.bnr a img{transition: opacity 0.3s;-webkit-transition: opacity 0.3s;}
.business #strength .inner p.bnr a:hover img{opacity: .7;}
/* -----------------------------------------------------------------------------
事業紹介TOP
-----------------------------------------------------------------------------*//* slider
---------------------------------------------*/
.businessTop #mvSlider{width: 100%;height: auto;overflow: hidden;position: relative;}
/*
.businessTop #mvSlider .bg{width: 100%;height: 480px;background: url(../common/img/bg_dot.png) center top;position: absolute;top: 0;left: 0;z-index: 2;}
.businessTop #mvSlider .ttlWrap{text-align: center;position: absolute;top: 30%;width: 100%;z-index: 3;padding: 55px 0;background: rgba(0,0,0,0.6);}
.businessTop #mvSlider .ttlWrap .mvTtl{font-size: 4.8rem;color: #fff;margin-bottom: 15px;font-weight: 400;text-shadow: 0 0 20px #000;}
.businessTop #mvSlider .ttlWrap p{font-size: 2rem;color: #fff;font-weight: 400;text-shadow: 0 0 20px #000;}
*/
.businessTop #slider li{width: 100%;height: auto;}
.businessTop #slider li{position: relative;height: 600px;background-size: cover;}
.businessTop #slider li .inner{position: relative;padding: 0;height: auto;}
.businessTop #slider .slide01{background: url(../img/slide01.jpg) no-repeat center top;background-size: cover;}
.businessTop #slider .slide02{background: url(../img/slide02.jpg) no-repeat center top;background-size: cover;}
.businessTop #slider .slide03{background: url(../img/slide03.jpg) no-repeat center top;background-size: cover;}
.businessTop #slider .slide04{background: url(../img/slide04.jpg) no-repeat center top;background-size: cover;}
.businessTop #slider .slide05{background: url(../img/slide05.jpg) no-repeat center top;background-size: cover;}
.businessTop #slider .slide06{background: url(../img/slide06.jpg) no-repeat center top;background-size: cover;}
/* groupList
---------------------------------------------*/.businessTop #groupList .inner{padding-top: 55px !important;}
.businessTop #groupList .inner > ul > li{position: relative;/*height: 480px;*/background-size: cover;background-position: center center;/*padding-top: 110px;margin-top: -110px;*/margin-bottom: 80px;}
.businessTop #groupList .inner > ul > li:last-child{margin-bottom: 0;}
.businessTop #groupList .inner > ul > li > div{/*padding-top: 80px;*/}
.businessTop #groupList .inner > ul > li > div > div{position: relative;height: 480px;background-size: cover;background-position: center center;}
/*
.businessTop #groupList .inner > ul > li.group01 > div > div{background-image: url(../img/img_business01.jpg);}
.businessTop #groupList .inner > ul > li.group02 > div > div{background-image: url(../img/img_business02.jpg);}
.businessTop #groupList .inner > ul > li.group03 > div > div{background-image: url(../img/img_business03.jpg);}
.businessTop #groupList .inner > ul > li.group04 > div > div{background-image: url(../img/img_business04.jpg);}
.businessTop #groupList .inner > ul > li.group05 > div > div{background-image: url(../img/img_business05.jpg);}
.businessTop #groupList .inner > ul > li.group06 > div > div{background-image: url(../img/img_business06.jpg);}
.businessTop #groupList .inner > ul > li.group07 > div > div{background-image: url(../img/img_business07.jpg);}
*/
.businessTop #groupList .inner > ul > li.group07 .infoWrap{padding-top: 130px;}
.businessTop #groupList .inner > ul > li + li{/*margin-top: 80px;*/}
.businessTop #groupList ul li figure{overflow: hidden;width: 100%;height: auto;}
.businessTop #groupList ul li figure img{width: 100%;}
.businessTop #groupList ul li .infoWrap{width: 600px;height: 100%;padding: 15px;position: absolute;top: 0;background: rgba(255,255,255,0.6);color: #000;}
.businessTop #groupList ul li .infoWrap h3 a{color: #000;}
.businessTop #groupList ul li .infoWrap.right{right: 0;}
.businessTop #groupList ul li .infoWrap.left{left: 0;}
.businessTop #groupList ul li h3{font-size: 2rem;font-weight: 600;margin-bottom: 13px;}
.businessTop #groupList ul.linkGroup li a{color: #000;}
.businessTop #groupList .newsList{margin-top: 25px;}
.businessTop #groupList .newsList h4{font-size: 1.6rem;}
.businessTop #groupList .newsList .wrap{margin-top: 7px;padding-right: 10px;max-height: 255px;overflow-y: auto;}
.businessTop #groupList .newsList ul li{padding: 10px 0 12px;}
.businessTop #groupList .newsList ul li a{color: #fff;}
.businessTop #groupList .newsList ul li a.iconPdf span{padding-right: 20px;background: url(../common/img/icon_pdf_w.png) no-repeat right center;}
.businessTop #groupList .newsList ul li a.iconPdf:hover span{padding-right: 20px;background: url(../common/img/icon_pdf_w.png) no-repeat right center;}
.businessTop #groupList .newsList ul li .text{margin-top: 2px;}
.businessTop #groupList .newsList ul li .text a:hover{text-decoration: none !important;display: inline;border-bottom: 1px solid #fff;color: #fff;}
.businessTop #groupList + section{margin-bottom: 0;/*margin-top: -40px;*/}
.businessTop #groupList + section .boxBorder{position: relative;max-width: 1200px;/*margin-top: 80px;*/}
.businessTop #groupList + section .boxBorder .image{position: absolute;top: 95px;left: 75px;}
.businessTop #groupList + section .boxBorder .image + p{display: block;margin-left: 250px;}
.businessTop #groupList + section .boxBorder .link{display: block;margin-left: 250px;margin-bottom: 0;}
.businessTop #groupList + section .boxBorder .link a:before{content: "";display: inline-block;width: 7px;height: 11px;margin-right: 7px;background: url(../common/img/icon_arrow_r.png) no-repeat left center;}
.businessTop #groupList + section .boxBorder .link a:hover{text-decoration: underline;}
/* modal
---------------------------------------------*/.businessTop .overlay02{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;top: 0;z-index: 1000;}
.businessTop #modal{display: none;position: fixed;top: 50px;left: 50%;width: 600px;margin-left: -300px;z-index: 1001;background: #fff;}
.businessTop #modal .modalWrap{position: relative;}
.businessTop #modal .modalClose{position: absolute;top: -20px;right: -20px;cursor: pointer;}
.businessTop #modal .modalClose img{width: 60px;}
.businessTop #modal .modalInner{width: 600px;overflow-y: auto;}
.businessTop #modal .modalBox{display: none;height: 100%;overflow-y: visible;}
.businessTop #modal .modalBox.active{display: block;}
.businessTop #modal .modalBox iframe{width: 100%;height: 100%;}
.businessTop #modal .modalBox iframe img{width: 100%;}
.modalBox img{width: 100% !important;}
/* -----------------------------------------------------------------------------
穀物本部
-----------------------------------------------------------------------------*/.grains #pageTtl.ttlImg{background-image: url(../business/grains/img/bg_main.jpg);}
.grains #field .inner{background: url(../business/grains/img/img_field.jpg) no-repeat;}
/* -----------------------------------------------------------------------------
食品本部
-----------------------------------------------------------------------------*/.foods #pageTtl.ttlImg{background-image: url(../business/foods/img/bg_main.jpg);}
.foods #field .inner{background: url(../business/foods/img/img_field.jpg) no-repeat;}
/* 政府所有米穀販売情報
---------------------------------------------*/.foods #sales .boxBorder{padding: 25px 45px;margin-top: 60px;}
.foods #sales .boxBorder ul li{margin: 7px 0;}
.foods.rice section dl{padding: 15px 0 20px;border-bottom: 1px solid #ddd;}
.foods.rice section dl dt{font-weight: 500;font-size: 1.6rem;}
.foods.rice section dl dd p{margin: 0 !important;}
.foods.rice section dl dd p br + span:before{content: "／";padding: 0 5px;}
.foods.rice #contactInfo dl{border-bottom: none;padding: 0;}
.foods.rice #contactInfo ul{margin-top: 10px;margin-bottom: 60px;}
.foods.rice #contactInfo ul li span{padding-right: 10px;}
/* -----------------------------------------------------------------------------
ライフスタイル本部
-----------------------------------------------------------------------------*/.lifestyle #pageTtl.ttlImg{background-image: url(../business/lifestyle/img/bg_main.jpg);}
.lifestyle #field .inner{background: url(../business/lifestyle/img/img_field.jpg) no-repeat;background-size: cover;}
/* -----------------------------------------------------------------------------
情報・物流・ヘルスケア本部
-----------------------------------------------------------------------------*/.ict_logi #pageTtl.ttlImg{background-image: url(../business/ict_logi/img/bg_main.jpg);}
.ict_logi #field .inner{background: url(../business/ict_logi/img/img_field.jpg) no-repeat;}
/* -----------------------------------------------------------------------------
保険・金融・不動産本部
-----------------------------------------------------------------------------*/.realestate #pageTtl.ttlImg{background-image: url(../business/realestate/img/bg_main.jpg);}
.realestate #field .inner{background: url(../business/realestate/img/img_field.jpg) no-repeat;background-size: cover;}
/* -----------------------------------------------------------------------------
アグリインプット事業本部
-----------------------------------------------------------------------------*/.helena #pageTtl.ttlImg{background-image: url(../business/helena/img/bg_main.jpg);}
.helena #field .inner{background: url(../business/helena/img/img_field.jpg) no-repeat;}
/* -----------------------------------------------------------------------------
化学品本部
-----------------------------------------------------------------------------*/.chemicals #pageTtl.ttlImg{background-image: url(../business/chemicals/img/bg_main.jpg);}
.chemicals #field .inner{background: url(../business/chemicals/img/img_field.jpg) no-repeat;}
/* -----------------------------------------------------------------------------
紙パルプ本部
-----------------------------------------------------------------------------*/.paper_pulp #pageTtl.ttlImg{background-image: url(../business/paper_pulp/img/bg_main.jpg);}
.paper_pulp #field .inner{background: url(../business/paper_pulp/img/img_field.jpg) no-repeat;}
/* -----------------------------------------------------------------------------
エネルギー本部
-----------------------------------------------------------------------------*/.energy #pageTtl.ttlImg{background-image: url(../business/energy/img/bg_main.jpg);}
.energy #field .inner{background: url(../business/energy/img/img_field.jpg) no-repeat;}
.energy #field .inner .listField{padding:2.6% 0 2.6% 50%;}
/* -----------------------------------------------------------------------------
鉄鋼製品事業本部
-----------------------------------------------------------------------------*/.steel #pageTtl.ttlImg{background-image: url(../business/steel/img/bg_main.jpg);}
.steel #field .inner{background: url(../business/steel/img/img_field.jpg) no-repeat;}
/* -----------------------------------------------------------------------------
金属資源本部
-----------------------------------------------------------------------------*/.metals #pageTtl.ttlImg{background-image: url(../business/metals/img/bg_main.jpg);}
.metals #field .inner{background: url(../business/metals/img/img_field.jpg) no-repeat;}
/* -----------------------------------------------------------------------------
電力本部
-----------------------------------------------------------------------------*/.power #pageTtl.ttlImg{background-image: url(../business/power/img/bg_main.jpg);}
.power #field .inner{background: url(../business/power/img/img_field.jpg) no-repeat;}
/* -----------------------------------------------------------------------------
プラント本部
-----------------------------------------------------------------------------*/.plant #pageTtl.ttlImg{background-image: url(../business/plant/img/bg_main.jpg);}
.plant #field .inner{background: url(../business/plant/img/img_field.jpg) no-repeat;}
.plant #field .inner .listField{padding:2.8% 0 3% 50%;}
/* -----------------------------------------------------------------------------
航空・船舶本部
-----------------------------------------------------------------------------*/.aircraft_ship #pageTtl.ttlImg{background-image: url(../business/aircraft_ship/img/bg_main.jpg);}
.aircraft_ship #field .inner{background: url(../business/aircraft_ship/img/img_field.jpg) no-repeat;}
/* -----------------------------------------------------------------------------
自動車・リース事業本部
-----------------------------------------------------------------------------*/.car_lease #pageTtl.ttlImg{background-image: url(../business/car_lease/img/bg_main.jpg);}
.car_lease #field .inner{background: url(../business/car_lease/img/img_field.jpg) no-repeat;}
/* -----------------------------------------------------------------------------
建機・産機本部
-----------------------------------------------------------------------------*/.machinery #pageTtl.ttlImg{background-image: url(../business/machinery/img/bg_main.jpg);}
.machinery #field .inner{background: url(../business/machinery/img/img_field.jpg) no-repeat;}
/* -----------------------------------------------------------------------------
地域別事業展開
-----------------------------------------------------------------------------*/.global #pageTtl.ttlImg{background-image: url(../business/global/img/bg_main.jpg);}
.global .lead{text-align: center;margin-bottom: 50px !important;}
.global #list{padding-top: 110px;margin-top: -110px;}
.global .tabWrap{margin-bottom: 50px;}
.global .tabCont{padding-top: 0 !important;}
.global .projectList li{padding: 15px 0;border-bottom: 1px solid #ddd;position: relative;}
.global .projectList li .tag{position: absolute;top: 15px;left: 0;}
.global .projectList li .tag span{font-size: 1.2rem;line-height: 1;padding: 3px 10px;text-align: center;display: inline-block;}
.global .projectList li .tag .country{margin-right: 15px;background: #777;border: 1px solid #777;color: #fff;}
.global .projectList li .tag .group{background: #fff;border: 1px solid #777;color: #222;width: 178px;}
.global .projectList li a{display: inline-block;margin-left: 260px;}
.global .project03 .projectList li a,
.global .project08 .projectList li a{display: inline-block;margin-left: 272px;}
.global .project07 .projectList li a{margin-left: 288px;}
.global .project09 .projectList li a{margin-left: 298px;}
.global .projectList li a:hover{color: #e60012;}}
@media print, screen and (max-width: 1240px){.businessTop #mvSlider .ttlWrap .mvTtl{font-size: 4.2rem;}
.businessTop #mvSlider .ttlWrap p{font-size: 1.6rem;}
.businessTop #groupInfo .groupTab li{font-size: 1.4rem;}
.businessTop #groupInfo .tabCont{margin: 0 15px;}}
@media print, screen and (max-width: 1050px) and (min-width: 751px){.businessTop #groupInfo .groupTab li{font-size: 1.4rem;}
.businessTop #groupInfo .groupTab li.line2{line-height: 15px;padding: 15px 0;}
.businessTop #groupInfo .groupTab li.line2 br{display: block;}}
@media print, screen and (max-width: 1050px) and (min-width: 751px){#contents #field .inner{background-position: 40%;}}

@media print, screen and (max-width: 751px){
.businessTop #groupList ul li .infoWrap{width: 100%;height:auto;padding:6% 3%;background-color:rgba(255,255,255,0.7);}
.businessTop #groupList ul li .infoWrap a,.businessTop #groupList ul li .infoWrap a:link,.businessTop #groupList ul li .infoWrap a:hover{ color:#000;}
}