@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,
.energy .navBusinessEnergy > a > span,
.metals .navBusinessMetals > a > span,
.power .navBusinessPower > a > span,
.plant .navBusinessInfra > a > span,
.aircraft_ship .navBusinessAircraft > a > span,
.finance_lease .navBusinessLease > a > span,
.machinery .navBusinessMachinery > a > span,
.development .navBusinessDevelopment > a > span,
.corp_development .navBusinessCorp_Development > a > span,
.global .navBusinessGlobal > a > span {
	border-bottom: 1px solid #e60012 !important;
}

/* pagenav
  ---------------------------------------------*/	
main.lifestyle #pageNav .inner > ul > li.lifestyle > a,
.ict_logi #pageNav .inner > ul > li.ict_logi > 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,
.energy #pageNav .inner > ul > li.energy > a,
.power #pageNav .inner > ul > li.power > a,
.metals #pageNav .inner > ul > li.metals > a,
.plant #pageNav .inner > ul > li.plant > 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,
.corp_development #pageNav .inner > ul > li.c_development > a,
.global #pageNav .inner > ul > li.global > a {
	color: #e60012 !important;
}
/* field
---------------------------------------------*/
#field {
	margin-bottom: 20px;
}
#field .inner {
	background: url(../business/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: 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: 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 #group04 .newsList .wrap {
	max-height: 215px;
}
.businessTop #groupList #group05 .newsList .wrap {
	max-height: 200px;
}

.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% 1% 6% 50%;
}

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

情報・物流本部 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;
}


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

紙パルプ本部

----------------------------------------------------------------------------- */
.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;
}

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

食料第一本部

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

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

食料第二本部

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

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

アグリ事業本部

----------------------------------------------------------------------------- */
.agri #pageTtl.ttlImg {
    background-image: url(/jp/business/agri/img/bg_main.jpg);
}
.agri #field .inner {
    background: url(/jp/business/agri/img/img_field.jpg) no-repeat;
}
.agri #field .inner .listField {
		padding: 2% 0 1.5% 50%;
        line-height: 0.25em; 
}


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

化学品本部

----------------------------------------------------------------------------- */
.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;
}


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

エネルギー本部

----------------------------------------------------------------------------- */
.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.8% 1.5% 3% 50%;
}


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

金属本部

----------------------------------------------------------------------------- */
.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:2.5% 0 2% 50%;
}

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

電力本部

----------------------------------------------------------------------------- */
.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 2% 50%;
    line-height: 0.25em;    
}


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

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

----------------------------------------------------------------------------- */
.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 55% top; background-size: auto 100%;
}
.plant #field .inner .listField {
	padding:2.8% 2% 3% 50%;
}

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

航空・船舶本部

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

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

金融・リース・不動産本部 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.8% 1% 50%;2022
    line-height: 0.2em;
}

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

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

----------------------------------------------------------------------------- */
.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 55% top;
}
.machinery #field .inner .listField {
	padding: 1% 0.8% 2% 50%;
}

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

次世代事業開発本部

----------------------------------------------------------------------------- */
.development #pageTtl.ttlImg {
    background-image: url(../business/development/img/bg_main.jpg);
}
.development #field .inner {
    background: url(../business/development/img/img_field.jpg) no-repeat;
}
.development #field .inner .listField {
	padding: 1.5% 0.8% 2% 50%;
}

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

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

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

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

地域別事業展開

----------------------------------------------------------------------------- */
.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 .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%;
}

}
	



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

/en/固有記述

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

	地域別事業展開

	----------------------------------------------------------------------------- */
	.tabWrap .tabList.tab8 li.line2 {
		line-height: 1.2;
		padding-top: 10px;
	}
	.global .projectList li {
		display: table;
		width: 100%;
	}
	.global .projectList li .tag {
		position: inherit;
		top: inherit;
		left: inherit;
		display: table-cell;
		width: 315px;
	}
	.global .projectList li .tag span {
		vertical-align: middle;
	}
	.global .projectList li .tag .country {
		width: 105px;
	}
	.global .projectList li a {
		margin-left: inherit !important;
		display: table-cell !important;
	}
}