@charset "UTF-8";

@media print, screen and (min-width: 751px) {

/* -----------------------------------------------------------------------------

ナビ　アクティブ設定

----------------------------------------------------------------------------- */
/* アクティブ */
.businessTop .navBusinessTop > a span,
.lifestyle .navBusinessLifestyle > a > span,
.ict_logi .navBusinessIct > a > span,
.food1 .navBusinessFood1 > a > span,
.food2 .navBusinessFood2 > a > span,
.agri .navBusinessAgri > a > span,
.forest .navBusinessForest > a > span,
.chemicals .navBusinessChemicals > a > span,
.metals .navBusinessMetals > a > span,
.power .navBusinessPower > a > span,
.energy .navBusinessEnergy > a > span,
.infra .navBusinessInfra > a > span,
.aircraft_ship .navBusinessAircraft > a > span,
.finance_lease .navBusinessLease > a > span,
.machinery .navBusinessMachinery > a > span,
.development .navBusinessNew > a > span,
.c_development .navBusinessNew2 > a > span,
.global .navBusinessGlobal > a > span,
.global .navBusinessPickup > a > span {
	border-bottom: 1px solid #e60012 !important;
}

/* pagenav
  ---------------------------------------------*/
main.lifestyle #pageNav .inner > ul > li.lifestyle > a,
.ict_logi #pageNav .inner > ul > li.ict_transport > a,
.food1 #pageNav .inner > ul > li.food1 > a,
.food2 #pageNav .inner > ul > li.food2 > a,
.agri #pageNav .inner > ul > li.agri > a,
.forest #pageNav .inner > ul > li.forest > a,
.chemicals #pageNav .inner > ul > li.chemicals > a,
.power #pageNav .inner > ul > li.power > a,
.energy #pageNav .inner > ul > li.energy > a,
.metals #pageNav .inner > ul > li.metals > a,
.infra #pageNav .inner > ul > li.infra > a,
.aircraft_ship #pageNav .inner > ul > li.aircraft_ship > a,
.finance_lease #pageNav .inner > ul > li.finance_lease > a,
.machinery #pageNav .inner > ul > li.machinery > a,
.development #pageNav .inner > ul > li.development > a,
.c_development #pageNav .inner > ul > li.c_development > a,
.global #pageNav .inner > ul > li.global > a,
.pickup #pageNav .inner > ul > li.pickup > a {
	color: #e60012 !important;
}
/* field
---------------------------------------------*/
#field {
	margin-bottom: 20px;
}
#field .inner {
	background: url(../business/grain/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: 480px;
	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: 480px;
}
.businessTop #slider li {
	position: relative;
	height: 480px;
	background-size: cover;
}
.businessTop #slider li .inner {
	position: relative;
	padding: 0;
	height: 480px;
}
.businessTop #slider li.slide01 {
	background: url(../business/img/slide01.jpg) no-repeat center top;
	background-size: cover;
}
.businessTop #slider .slide02 {
	background: url(../business/img/slide02.jpg) no-repeat center top;
	background-size: cover;
}
.businessTop #slider .slide03 {
	background: url(../business/img/slide03.jpg) no-repeat center top;
	background-size: cover;
}
.businessTop #slider .slide04 {
	background: url(../business/img/slide04.jpg) no-repeat center top;
	background-size: cover;
}
.businessTop #slider .slide05 {
	background: url(../business/img/slide05.jpg) no-repeat center top;
	background-size: cover;
}
.businessTop #slider .slide06 {
	background: url(../business/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(../business/img/img_business01.jpg);
}
.businessTop #groupList .inner > ul > li.group02 > div > div {
	background-image: url(../business/img/img_business02.jpg);
}
.businessTop #groupList .inner > ul > li.group03 > div > div {
	background-image: url(../business/img/img_business03.jpg);
}
.businessTop #groupList .inner > ul > li.group04 > div > div {
	background-image: url(../business/img/img_business04.jpg);
}
.businessTop #groupList .inner > ul > li.group05 > div > div {
	background-image: url(../business/img/img_business05.jpg);
}
.businessTop #groupList .inner > ul > li.group06 > div > div {
	background-image: url(../business/img/img_business06.jpg);
}
.businessTop #groupList .inner > ul > li.group07 > div > div {
	background-image: url(../business/img/img_business07.jpg);
}
.businessTop #groupList .inner > ul > li.group07 .infoWrap {
	padding-top: 70px;
}
.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: 35px 25px 35px 35px;
	position: absolute;
	top: 0;
	background: rgba(0,0,0,0.6);
	color: #fff;
}
.businessTop #groupList ul li .infoWrap h3 a{
	color: #fff;
}
.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: #fff;
}
.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;
}




/* -----------------------------------------------------------------------------

ライフスタイル本部

----------------------------------------------------------------------------- */
.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;
}
.lifestyle #field .inner .listField {
	padding:5% 5% 7% 52%;
}

/* -----------------------------------------------------------------------------

情報・物流本部　2022

----------------------------------------------------------------------------- */
.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;
}
.ict_logi #field .inner .listField {
	padding:3% 5% 3% 52%;
}

/* -----------------------------------------------------------------------------

食料第一本部　2021

----------------------------------------------------------------------------- */
.food1 #pageTtl.ttlImg {
    background-image: url(../business/food1/img/bg_main.jpg);
}
.food1 #field .inner {
    background: url(../business/food1/img/img_field.jpg) no-repeat; background-size: cover;
}

/* 政府所有米穀販売情報
---------------------------------------------*/
.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;
}

/* -----------------------------------------------------------------------------

食料第二本部　2021

----------------------------------------------------------------------------- */
.food2 #pageTtl.ttlImg {
    background-image: url(../business/food2/img/bg_main.jpg);
}
.food2 #field .inner {
    background: url(../business/food2/img/img_field.jpg) no-repeat; background-size: cover;
}

/* -----------------------------------------------------------------------------

アグリ事業本部 2019

----------------------------------------------------------------------------- */
.agri #pageTtl.ttlImg {
    background-image: url(../business/agri/img/bg_main.jpg);
}
.agri #field .inner {
    background: url(../business/agri/img/img_field.jpg) no-repeat;
}
.agri #field .inner .listField {
	padding:2.8% 0 3% 50%;
}

/* -----------------------------------------------------------------------------

フォレストプロダクツ本部

----------------------------------------------------------------------------- */
.forest #pageTtl.ttlImg {
    background-image: url(../business/forest/img/bg_main.jpg);
}
.forest #field .inner {
    background: url(../business/forest/img/img_field.jpg) no-repeat;
}

/* -----------------------------------------------------------------------------

化学品本部

----------------------------------------------------------------------------- */
.chemicals #pageTtl.ttlImg {
    background-image: url(../business/chemical/img/bg_main.jpg);
}
.chemicals #field .inner {
    background: url(../business/chemical/img/img_field.jpg) no-repeat;
}



/* -----------------------------------------------------------------------------

金属本部 2019

----------------------------------------------------------------------------- */
.metals #pageTtl.ttlImg {
    background-image: url(../business/metal_mineral_resources/img/bg_main.jpg);
}
.metals #field .inner {
    background: url(../business/metal_mineral_resources/img/img_field.jpg) no-repeat;
}
.metals #field .inner .listField {
	padding:3% 1% 3% 50%;
}

/* -----------------------------------------------------------------------------

エネルギー本部

----------------------------------------------------------------------------- */
.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:3.5% 0 3.5% 51%;
}

/* -----------------------------------------------------------------------------

電力本部

----------------------------------------------------------------------------- */
.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;
}
.power #field .inner .listField {
	padding:2% 0 1.5% 50%;
    line-height: 0.3em;
}

/* -----------------------------------------------------------------------------

インフラプロジェクト本部

----------------------------------------------------------------------------- */
.plant #pageTtl.ttlImg {
    background-image: url(../business/infra/img/bg_main.jpg);
}
.plant #field .inner {
    background: url(../business/infra/img/img_field.jpg) no-repeat;
}
.plant #field .inner .listField {
	padding:3% 1% 1.5% 50%;
    line-height: 0.4em;
}

/* -----------------------------------------------------------------------------

航空・船舶本部

----------------------------------------------------------------------------- */
.aircraft_ship #pageTtl.ttlImg {
    background-image: url(../business/aerospace_ship/img/bg_main.jpg);
}
.aircraft_ship #field .inner {
    background: url(../business/aerospace_ship/img/img_field.jpg) no-repeat; 55% top; background-size: auto 100%;
}


/* -----------------------------------------------------------------------------

金融・リース・不動産本部　2022

----------------------------------------------------------------------------- */
.finance_lease #pageTtl.ttlImg {
    background-image: url(../business/finance_leasing/img/bg_main.jpg);
}
.finance_lease #field .inner {
    background: url(../business/finance_leasing/img/img_field.jpg) no-repeat; 55% top; background-size: auto 100%;
}
.finance_lease #field .inner .listField {
	padding:2% 0 1.5% 50%;
}

/* -----------------------------------------------------------------------------

建機・産機・モビリティ本部 2019

----------------------------------------------------------------------------- */
.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;
}
.machinery #field .inner .listField {
	padding:3% 1.5% 3% 50%;
}

/* -----------------------------------------------------------------------------

次世代事業開発本部 2019

----------------------------------------------------------------------------- */
.development #pageTtl.ttlImg {
    background-image: url(../business/development/img/bg_main.jpg);
}
.development #field .inner {
    background: url(../business/development/img/img_field02.jpg) no-repeat;
}
.development #field .inner .listField {
	padding:3% 0 3% 39%;
}
.development #field .inner .listField li {
    width: 360px;
    float: left;
    padding-right:20px;
}
.development #field .inner .listField li:nth-child(2){
	margin-top: 0;
}


/* -----------------------------------------------------------------------------

次世代コーポレートディベロップメント本部

----------------------------------------------------------------------------- */
.c_development #pageTtl.ttlImg {
    background-image: url(../business/corp_development/img/bg_main.jpg);
}
.c_development #field .inner {
    background: url(../business/corp_development/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;
	vertical-align: top;
}
.global .projectList li a {
	display: inline-block;
	margin-left: 260px;
}
.global .project03 .projectList li a,
.global .project07 .projectList li a {
	display: inline-block;
	margin-left: 272px;
}
.global .project04 .projectList li a {
	margin-left: 292px;
}
.global .project06 .projectList li a  {
	margin-left: 288px;
}
.global .project08 .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%;
}

}