@charset "UTF-8";

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

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

ナビ　アクティブ設定

----------------------------------------------------------------------------- */
/* アクティブ */
.businessTop .navBusinessTop > a span,
.lifestyle .navBusinessLifestyle > a > span,
.food_agri .navBusinessFoodAgri > a > span,
.metals .navBusinessMetals > a > span,
.energy_chemicals .navBusinessEnergyChemicals > a > span,
.power_infra .navBusinessPowerInfra > a > span,
.finance_lease .navBusinessLease > a > span,
.aero_mobility .navBusinessAeroMobility > a > span,
.ict_logi .navBusinessIct > a > span,
.development .navBusinessNew > a > span,
.c_development .navBusinessNew2 > a > span {
	border-bottom: 1px solid #e60012 !important;
}

/* pagenav
  ---------------------------------------------*/
main.lifestyle #pageNav .inner > ul > li.lifestyle > a,
.food_agri #pageNav .inner > ul > li.food_agri > a,
.metals #pageNav .inner > ul > li.metals > a,
.energy_chemicals #pageNav .inner > ul > li.energy_chemicals > a,
.power_infra #pageNav .inner > ul > li.power_infra > a,
.finance_lease #pageNav .inner > ul > li.finance_lease > a,
.aero_mobility #pageNav .inner > ul > li.aero_mobility > a,
.ict_logi #pageNav .inner > ul > li.ict_logi > a,
.development #pageNav .inner > ul > li.development > a,
.c_development #pageNav .inner > ul > li.c_development > 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;
}
.sub #contents #field.high .inner {
	background-position: 43% center;
	padding: 0;
}
#field .inner h3 {
	font-size: 3.6rem;
	font-weight: 500;
	margin-bottom: 40px;
	text-align: center;
}
.listField {
	display: table-cell;
	vertical-align: middle;
	padding: 5% 0 5% 50%;
}
#field .flex {
	display: flex;
	gap: 0 30px;
	padding-top: 20px;
	border-top: 1px solid rgba(51, 3, 3, 0.2);
}
#field .flex[data-col="3"] .col {
	width: calc((100% - 60px) / 3);
}
#field .flex[data-col="2"] .col {
	width: calc((100% - 30px) / 2);
}
#field .listCheck {
	align-items: flex-start;
}
.listField li {
	font-size: 1.4rem;
	text-align: left;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_2021_57%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23mask0_2021_57)%22%3E%0A%3Cpath%20d%3D%22M8.83366%2011.5L7.04199%209.70829C6.88921%209.55552%206.69477%209.47913%206.45866%209.47913C6.22255%209.47913%206.0281%209.55552%205.87533%209.70829C5.72255%209.86107%205.64616%2010.0555%205.64616%2010.2916C5.64616%2010.5277%205.72255%2010.7222%205.87533%2010.875L8.25033%2013.25C8.41699%2013.4166%208.61144%2013.5%208.83366%2013.5C9.05588%2013.5%209.25033%2013.4166%209.41699%2013.25L14.1253%208.54163C14.2781%208.38885%2014.3545%208.1944%2014.3545%207.95829C14.3545%207.72218%2014.2781%207.52774%2014.1253%207.37496C13.9725%207.22218%2013.7781%207.14579%2013.542%207.14579C13.3059%207.14579%2013.1114%207.22218%2012.9587%207.37496L8.83366%2011.5ZM10.0003%2018.3333C8.84755%2018.3333%207.76421%2018.1145%206.75033%2017.677C5.73644%2017.2395%204.85449%2016.6458%204.10449%2015.8958C3.35449%2015.1458%202.76074%2014.2638%202.32324%2013.25C1.88574%2012.2361%201.66699%2011.1527%201.66699%209.99996C1.66699%208.84718%201.88574%207.76385%202.32324%206.74996C2.76074%205.73607%203.35449%204.85413%204.10449%204.10413C4.85449%203.35413%205.73644%202.76038%206.75033%202.32288C7.76421%201.88538%208.84755%201.66663%2010.0003%201.66663C11.1531%201.66663%2012.2364%201.88538%2013.2503%202.32288C14.2642%202.76038%2015.1462%203.35413%2015.8962%204.10413C16.6462%204.85413%2017.2399%205.73607%2017.6774%206.74996C18.1149%207.76385%2018.3337%208.84718%2018.3337%209.99996C18.3337%2011.1527%2018.1149%2012.2361%2017.6774%2013.25C17.2399%2014.2638%2016.6462%2015.1458%2015.8962%2015.8958C15.1462%2016.6458%2014.2642%2017.2395%2013.2503%2017.677C12.2364%2018.1145%2011.1531%2018.3333%2010.0003%2018.3333Z%22%20fill%3D%22%23E60012%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');
	background-size: 20px;
	background-position: left 2px;
	padding-left: 28px;
	align-self: flex-start;
	height: auto;
	min-height: auto;
}
.listField li:not(:last-child) {
	margin-bottom: 10px;
}
#field .listCheck > li + li {
	margin-top: 0;
}
.listField li span {
	display: inline-block;
	font-size: 1.2rem;
}
#field .listAst {
	max-width: 1200px;
	width: 100%;
	margin: 40px auto 0;
}
#field .attention_wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

/* strength
---------------------------------------------*/
.business #strength .inner {
    padding-top: 75px !important;
}
.business #strength .inner section {
	margin-bottom: 65px;
}
.BusinessCorp_Development #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

----------------------------------------------------------------------------- */
.businessTop #pageTtl.ttlImg {
	background-image: url(../business/img/bg_main_top.jpg);
}
.businessTop #pageTtl.ttlImg::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.33);
	position: absolute;
	top: 0;
	left: 0;
}
#pageTtl.ttlImg .ttl {
	line-height: 30px;
	z-index: 10;
}
.businessTop #pageTtl.ttlImg .ttl span {
	display: block;
	font-size: 2rem;
	margin-top: 15px;
	letter-spacing: 0.05em;
}
.businessTop #pageTtl.ttlImg .ttl span br {
	display: none;
}
.businessTop #container {
	padding-bottom: 0;
}
/* 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;
}

/* anchorList 2502追加
---------------------------------------------*/
.businessTop .anchor,.business .anchor {
	padding: 20px 0;
}
.businessTop .anchor ul,.business .anchor ul {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
}
.businessTop .anchor ul li {
	width: calc((100% - 20px) / 2);
}
.businessTop .anchor ul li a,.business .anchor ul li a {
	display: flex;
	align-items: center;
	color: #777777;
	font-size: 2rem;
	letter-spacing: 0.05em;
}
.businessTop .anchor ul li a::before,.business .anchor ul li a::before {
  content: '';
  width: 32px;
  height: 32px;
  display: inline-block;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_2015_621%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2218%22%20height%3D%2218%22%3E%0A%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23mask0_2015_621)%22%3E%0A%3Cpath%20d%3D%22M9%2013.5L4.5%209L5.55%207.95L8.25%2010.65V3.75H9.75V10.65L12.45%207.95L13.5%209L9%2013.5Z%22%20fill%3D%22%23E60012%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');
  background-size: 32px;
  margin-right: 4px;
  flex-shrink: 0;
}
.businessTop .anchor ul li a:hover,.business .anchor ul li a:hover {
	text-decoration: underline;
}

/* groupList
---------------------------------------------*/
.businessTop #groupList .inner {
	padding-bottom: 80px!important;
}
.businessTop #groupList ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.businessTop #groupList ul li {
	width: calc((100% - 60px) / 3);
}
.businessTop #groupList ul li figure {
	margin-bottom: 14px;
}
.businessTop #groupList ul li img {
	width: 100%;
}
.businessTop #groupList ul li span {
	display: inline-block;
	color: #666666;
	font-size: 2rem;
	padding-left: 15px;
  background: url(../common/img/icon_arrow_r.png) no-repeat left 11px;
}
.businessTop #groupList .other {
	background-color: #F8F8F8;
}
.businessTop #groupList .other .inner {
	padding-top: 80px!important;
	padding-bottom: 160px!important;
}
.businessTop #groupList .inner ul li a figure {
	overflow: hidden;
}
.businessTop #groupList .inner ul li a figure img {
	transition: transform 0.3s ease;
	width: 100%;
}
.businessTop #groupList .inner ul li a:hover figure img {
	transform: scale(1.1);
}
/* 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 .listField {
	padding:40px 0 20px;
}

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

食料・アグリ部門

----------------------------------------------------------------------------- */
.food_agri #pageTtl.ttlImg {
    background-image: url(../business/food_agri/img/bg_main.jpg);
}
.food_agri #field .inner .listField {
		padding:40px 0 20px;
}

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

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

金属部門

----------------------------------------------------------------------------- */
.metals #pageTtl.ttlImg {
    background-image: url(../business/metal_mineral_resources/img/bg_main.jpg);
}
.metals #field .inner .listField {
	padding:40px 0 20px;
}

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

エネルギー・化学品部門

----------------------------------------------------------------------------- */
.energy_chemicals #pageTtl.ttlImg {
    background-image: url(../business/energy_chemicals/img/bg_main.jpg);
}
.energy_chemicals #field .inner .listField {
		padding:40px 0 20px;
}

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

電力・インフラサービス部門

----------------------------------------------------------------------------- */
.power_infra #pageTtl.ttlImg {
    background-image: url(../business/power_infra/img/bg_main.jpg);
}
.power_infra #field .inner .listField {
	padding:40px 0 20px;
}

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

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

----------------------------------------------------------------------------- */
.finance_lease #pageTtl.ttlImg {
    background-image: url(../business/finance_leasing/img/bg_main.jpg);
}
.finance_lease #field .inner .listField {
	padding:40px 0 20px;
}

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

エアロスペース・モビリティ部門

----------------------------------------------------------------------------- */
.aero_mobility #pageTtl.ttlImg {
    background-image: url(../business/aero_mobility/img/bg_main.jpg);
}
.aero_mobility #field .inner .listField {
	padding:40px 0 20px;
}

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

ITソリューションズ部門

----------------------------------------------------------------------------- */
.ict_logi #pageTtl.ttlImg {
    background-image: url(../business/itsolutions/img/bg_main.jpg);
}
.ict_logi #field .inner .listField {
	padding:40px 0 20px;
}

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

次世代事業開発部門

----------------------------------------------------------------------------- */
.development #pageTtl.ttlImg {
    background-image: url(../business/development/img/bg_main.jpg);
}
.development #field .inner .listField {
	padding:40px 0 20px;
}

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

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

----------------------------------------------------------------------------- */
.c_development #pageTtl.ttlImg {
    background-image: url(../business/corp_development/img/bg_main.jpg);
}
.c_development #field .inner .listField {
	padding:40px 0 20px;
}




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

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