@charset "utf-8";

@media print, screen and (max-width: 950px) {

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

ナビ　アクティブ設定

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

/* 第2階層オープン */
header .inner .navWrap #gnav > ul > li#navBusiness .subMenu {
	display: block;
}
.businessTop header .inner .navWrap #gnav > ul > li#navBusiness .subMenu {
	display: none;
}

/*.navBusinessLife > dl > dd {
	display: block;
}*/


/* アクティブ */
.businessTop #navBusiness > a > span,
.lifestyle .navBusinessLifestyle > a > span,
.food_agri .navBusinessFoodAgi > 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,
.pickup .navBusinessPickup > a > span {
	border-bottom: 2px solid #e60012;
}


}

@media screen and (max-width: 750px) {

#field {
	margin-bottom: 20px;
}
#field .inner {
	padding: 0!important;
	margin: 15px;
}
#field .inner figure {
	margin-bottom: 0;
}
#field .ttlCenter01 {
	margin-bottom: 20px;
}
#field .flex {
	padding-top: 20px;
	border-top: 1px solid rgba(51, 3, 3, 0.2);
}
.listField {
	padding: 15px 0 0;
}
.listField ul {
	padding: 0 0 10px;
}
.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;
}
#field .listCheck > li + li {
	margin-top: 10px;
}
.listField li span {
	display: inline-block;
	font-size: 1.2rem;
}
#field .listAst {
	padding: 15px;
}
#field .attention_wrap {
	padding: 0 0 20px;
	margin: 0 15px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
#field .attention_wrap p {
	font-size: 1.2rem !important;
  text-indent: -2em;
  padding-left: 2em;
}

/* strength
---------------------------------------------*/
.business #strength .inner {
    padding: 50px 15px 40px !important;
}
.business #strength figure {
    margin-bottom: 20px;
}

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

事業紹介TOP

----------------------------------------------------------------------------- */
.businessTop #pageTtl {
	height: 140px;
}
.businessTop #pageTtl.ttlImg {
	background-image: url(https://www.marubeni.com/jp/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: 1.2rem;
	margin-top: 5px;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
.businessTop #container {
	padding-bottom: 0;
}
.businessTop #mvSlider {
	position: relative;
}
.businessTop #mvSlider .ttlWrap {
	text-align: center;
	position: absolute;
	top: 31%;
	width: 100%;
	z-index: 3;
}
.businessTop #mvSlider .ttlWrap .mvTtl {
	font-size: 2.8rem;
	color: #fff;
	margin-bottom: 15px;
	font-weight: 400;
	text-shadow: 0 0 20px #000;
}
.businessTop #mvSlider .ttlWrap p {
	font-size: 1.2rem;
	color: #fff;
	font-weight: 400;
	text-shadow: 0 0 20px #000;
}
.businessTop #mvSlider p img {
	width: 100%;
}

/* anchorList 2502追加
---------------------------------------------*/
.businessTop .anchor,.business .anchor {
	padding: 10px 15px;
}
.businessTop .anchor ul,.business .anchor ul {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 5px 10px;
}
.businessTop .anchor ul li a,.business .anchor ul li a {
	display: flex;
	align-items: center;
	color: #777;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
.businessTop .anchor ul li a::before,.business .anchor ul li a::before {
  content: '';
  width: 20px;
  height: 20px;
  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%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: 20px;
  margin-right: 4px;
  flex-shrink: 0;
}
.businessTop .anchor ul li a:hover,.business .anchor ul li a:hover {
	text-decoration: underline;
}

/* groupList 2502追加
---------------------------------------------*/
.businessTop #groupList .inner,.business #groupList .inner {
	padding-top: 20px!important;
	padding-bottom: 40px!important;
}
.businessTop #groupList ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 10px;
}
.businessTop #groupList ul li {
	width: calc((100% - 10px) / 2);
}
.businessTop #groupList ul li figure {
	margin-bottom: 10px;
}
.businessTop #groupList ul li img {
	width: 100%;
}
.businessTop #groupList ul li span {
	display: inline-block;
	color: #666666;
	font-size: 1.4rem;
	padding-left: 15px;
  background: url(../common/img/icon_arrow_r.png) no-repeat left 6px;
}
.businessTop #groupList .other {
	background-color: #F8F8F8;
}
.businessTop #groupList .other .inner {
	padding-top: 20px!important;
	padding-bottom: 80px!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 !important;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: fixed;
	top: 0;
	z-index: 1000;
}
.businessTop #modal {
	display: none !important;
	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;
}
.businessTop #modal .modalBox.active {
	display: block;
}
.businessTop #modal .modalBox img {
	width: 100%;
}

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

ライフスタイル本部

----------------------------------------------------------------------------- */
.lifestyle #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/business/lifestyle/img/bg_main.jpg);
}

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

食料・アグリ部門

----------------------------------------------------------------------------- */
.food_agri #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/business/food_agri/img/bg_main.jpg);
}

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

金属部門

----------------------------------------------------------------------------- */
.metals #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/business/metal_mineral_resources/img/bg_main.jpg);
}

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

エネルギー・化学品部門

----------------------------------------------------------------------------- */
.energy_chemicals #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/business/energy_chemicals/img/bg_main.jpg);
}

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

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

----------------------------------------------------------------------------- */
.power_infra #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/business/power_infra/img/bg_main.jpg);
}

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

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

----------------------------------------------------------------------------- */
.finance_lease #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/business/finance_leasing/img/bg_main.jpg);
}

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

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

----------------------------------------------------------------------------- */
.aero_mobility #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/business/aero_mobility/img/bg_main_sp.jpg);
}

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

情報ソリューション部門

----------------------------------------------------------------------------- */
.ict_logi #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/business/itsolutions/img/bg_main.jpg);
}

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

次世代事業開発部門

----------------------------------------------------------------------------- */
.development #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/business/development/img/bg_main.jpg);
}

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

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

----------------------------------------------------------------------------- */
.c_development #pageTtl.ttlImg {
    background-image: url(../business/corp_development/img/bg_main.jpg);
}