@charset "utf-8";

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


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

ナビ　アクティブ設定

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

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

/* アクティブ */
.companyTop #navCompany > a > span,
.message .navMessage > p > a > span,
.policy .navCompanyPolicy > p > a > span,
.gcp .navCompanyGcp > p > a > span,
.profile .navCompanyProfile > p > a > span,
.regulations .navCompanyRegulations > p >a > span,
.network .navCompanyNetwork > p > a > span,
.plan .navCompanyPlan > p > a > span,
.organization .navCompanyOrganization > p > a > span,
.officer .navCompanyOfficer > p > a > span,
.governance .navCompanyGovernance > p > a > span,
.group .navCompanyGroup > p > a > span,
.ad .navCompanyAd > p > a > span,
.history .navCompanyHistory > p > a > span {
	border-bottom: 2px solid #e60012;
}

}

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

会社概要

----------------------------------------------------------------------------- */
.companyTop #pageTtl {
	background-image: url(https://www.marubeni.com/jp/company/img/bg_main.jpg);
}
.companyTop #company ul.panelList.col2 {
	margin-bottom:40px;
}
/* groupLink
---------------------------------------------*/
.companyTop #groupLink .inner > ul {
}
.companyTop #groupLink .inner > ul > li {
	width: 100%;
	height: auto !important;
	margin: 0 0 20px;
	overflow: hidden;
}
.companyTop #groupLink ul li figure {
	margin-bottom: 14px;
}
.companyTop #groupLink ul li figure img {
	width: 100%;
}
.companyTop #groupLink ul li h4 {
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 10px;
}
.companyTop #groupLink ul li h4 {
	background: url(../common/img/sp/icon_arrow_r.png) no-repeat left center;
	background-size: 6px;
	padding-left: 13px;
}


.companyTop ul.insightList {
	overflow:hidden;
}
.companyTop ul.insightList li {
    width: 48%;
    float: left;
    text-align: left;
	margin-bottom:40px;
}
.companyTop ul.insightList li:nth-child(2n) {
	margin-left:4%;
}
.companyTop ul.insightList li .figure {
    position: relative;
    margin-bottom: 6px;
}
.companyTop ul.insightList li .figure figure {
    overflow: hidden;
}
.companyTop ul.insightList li .figure .label {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    display: inline-block;
    line-height: 25px;
    background: #222;
    font-size: 1.0rem;
    line-height: 1.4;
    padding: 2px 8px;
}
.companyTop ul.insightList li dl dt , .companyTop ul.insightList li dl dd{
    font-weight: 500;
	font-size:1.2rem;
    line-height: 1.7;
}


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

社長メッセージ

----------------------------------------------------------------------------- */
/*.message #message {
	margin-bottom: 40px;
}
.message #message .inner {
	padding: 15px 15px;
}
.message #message p {
	line-height: 1.8;
	margin-bottom: 1.8em;
}
.message a.redLine {
	color: #e60012;
	border-bottom: 1px solid #e60012;
}
.message .messageSign {
	text-align: right;
}
.message .messageSign > img {
	max-width: 100%;
	width: auto !important;
	margin-left: 20px;
}*/

/* -----------------------------------------------------------------------------
	/ir/message/
----------------------------------------------------------------------------- */

.message .breadcrumb {
	/*background: -webkit-linear-gradient(left, #c7d9d9 0%,#bcd6dd 100%,#207cca 100%,#bcd6dd 100%);
	background: linear-gradient(to right, #c7d9d9 0%,#bcd6dd 100%,#207cca 100%,#bcd6dd 100%);*/
}
.message .text {
	padding: 20px 15px 40px;
}
.message .text p {
	font-size: 1.4rem;
}
.message .text p span {
	border-bottom: 1px solid #333;
}
.message .text p + p {
	margin-top: 20px;
}
.message .txtRit img {
	width: 120px !important;
}


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

経営理念

----------------------------------------------------------------------------- */
.policy .txtArwB {
	font-weight: normal;
}
.policy .imgSpirit {
	text-align: center;
	margin: 40px 0 30px;
}
.policy .imgSpirit li {
	display: block;
	margin: 0 0 20px;
}
.policy .imgSpirit li img {
	max-width: 180px;
}

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

会社概要

----------------------------------------------------------------------------- */
.profile table .notice {
	display: inline-block;
	text-indent: -1em;
	padding-left: 1em;
}
.profile .googleMap {
	margin: 30px -15px;
}
.profile .btnCenter {
	margin: 20px -15px;
}
.profile #profile .inner {
	padding: 15px 15px;
}
.profile p.attention {
	text-align: right;
}
.profile p.attention:before {
	content: none;
}

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

定款

----------------------------------------------------------------------------- */
.regulations ol.olDefault {
	margin-left: 1em;
}
.regulations ol.olDefault > li {
	margin-bottom: 10px;
}
.regulations ol.olDefault > li ol li {
	margin: 4px 0;
}
.regulations ol.olDefault + p.attention {
	text-align: right;
}
.regulations ol.olDefault + p.attention:before {
	content: none;
}
.regulations #regulations .inner {
	padding: 15px 15px;
}


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

国内・海外拠点

----------------------------------------------------------------------------- */
.network #network .inner {
	padding: 15px 15px;
}
.network #network .inner > section {
	margin-top: -60px;
	padding-top: 60px;
}
.network #network .inner .ttl01 span.annotation {
	font-size: 0.5em;
	display: inline;
}

.network img,
.plan img {
 width: 100%;
 height: auto;
}
.network .otherBases ul {
	margin-top: 30px;
}
.network .otherBases li {
	width: 50%;
	margin-bottom: 10px;
	float: left;
}


/* area
---------------------------------------------*/
.network #area .inner > ul > li {
	margin-bottom: 30px;
	height: auto !important;
}
.network #area figure a:after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5));
}
.network #area figure {
	position: relative;
	margin-bottom: 15px;
}
.network #area figcaption {
	font-size: 2.4rem;
	color: #fff;
	position: absolute;
	left: 20px;
	bottom: 14px;
	z-index: 1;
}
.network ul.linkGroup li {
	width: 31.5%;
}
.network ul.linkGroup li:nth-child(3n) {
	margin-right: 0;
}

.network .panelList li {
	margin-bottom: 30px;
	text-align: center;
}

/* 東京本社アクセス
---------------------------------------------*/
.network .officeInfoWrap {
	margin-top: 50px;
}
.network .officeInfoWrap .officeMap {
	margin-bottom: 20px;
}
.network #container {
	padding-bottom: 0;
}
.network .pickupBg  {
	padding: 50px 0 70px;
	background: #efefef;
}
.network .pickupBg::before {
	content: none;
}

/* 海外拠点
---------------------------------------------*/
.network.foreign_company #contents .section:last-child {
	margin-bottom: 60px;
}
.network.foreign_company #contents .section .inner {
	padding-top: 0;
	padding-bottom: 0;
}
.network.foreign_company .officeInfoWrap {
	margin-top: 0;
}
.network.foreign_company table + table {
	margin-top: 20px;
}
.network table .center {
	text-align: left;
}

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

中期経営計画

----------------------------------------------------------------------------- */
.plan #pageTtlSub {
	background-image: url(https://www.marubeni.com/jp/company/plan/img/bg_main_plan.jpg);
}
#reform .listCheck > li + li {
	margin-top: 20px;
}
#reform .txtArwR {
	text-align: center;
	margin-top: 20px;
}
.plan #gc2018 .ttl .inner {
	padding: 0;
}
.plan #gc2018 .anchorList + p.pdf {
	margin-bottom: 60px !important;
}
.plan #gc2018 .anchorList {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}
.plan #gc2018 .anchorList b {
	display: block;
	font-weight: normal;
}
.plan #gc2018 .txtArwB {
	text-align: center;
}
.plan #guide li + li {
	margin-top: 20px;
}
.plan #personnel dl dt {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
.plan #personnel dl dt span {
	display: block;
	font-size: 1.3rem;
}
.plan #cashflow ul {
	margin-bottom: 40px;
}
.plan #portfolio ul {
	margin-bottom: 40px;
}
.plan #portfolio table tr:first-child th:first-child {
	width: 50%;
}
.plan #portfolio table tr:nth-child(2) th:first-child {
	width: 25%;
}
.plan #portfolio table th {
	padding-top: 5px;
	padding-bottom: 5px;
}
.plan #portfolio table td {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.plan #buildup ul {
	margin-bottom: 40px;
}
.plan #personnel h4 + ul {
	margin-bottom: 25px;
}
.plan #shareholder ul {
	margin-bottom: 40px;
}

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

役員紹介・略歴

----------------------------------------------------------------------------- */
.officer section.careerUnit01 { background: #fff;}
.officer section.careerUnit02 { background: #f8f8f8;}

/*.officer.sub #container { padding-bottom: 0;}*/
.officer.sub #contents section.careerUnit02 { margin-bottom: 0; padding-bottom: 50px;}
.officer.sub #contents section.careerUnit02 .inner { padding-top: 50px;}
.officer #officer .inner {
	padding: 15px 15px;
}
.officer #officer .inner table td .postText { font-size: 1.2rem; }
.officer #officer .inner .annotationText { width: auto; padding: 1.8666%; background: #f8f8f8; font-size: 1.3rem; }

.officer p.attention {
	text-align: right;
}
.officer p.attention:before {
	content: none;
}

/* 略歴：共通パーツ
---------------------------------------------*/
.officer .careerListWrap { margin-top: 90px;}
.officer .careerListWrap:first-of-type { margin-top: 0;}
.officer [class^="careerBox"] { margin-top: 50px;}
.officer [class^="careerBox"]:first-of-type { margin-top: 0;}
.officer [class^="careerBox"]::after { content: ""; display: block; clear: both;}
.officer [class^="careerBox"] .careerAvatar .imgBlock figure { width: 45%; display: table-cell;}
.officer [class^="careerBox"] .careerAvatar .imgBlock figure > img { max-width: 100%; display: block;}
.officer [class^="careerBox"] .careerAvatar .imgBlock .avatarName { font-size: 1.6rem; line-height: 1.8; text-align: center; vertical-align: middle; display: table-cell;}
.officer [class^="careerBox"] .careerAvatar .imgBlock .avatarName > span { font-size: 0.8em; vertical-align: middle; display: block;}
.officer [class^="careerBox"] .careerAvatar .imgBlock .avatarName .birthday { font-size: 0.8em; vertical-align: middle; margin-top: 10px; display: block;}                          
.officer [class^="careerBox"] .careerSummary { margin-top: 20px;}
.officer [class^="careerBox"] .careerSummary .careerTtl { font-size: 1.6rem; font-weight: 400; margin-bottom: 15px;}

.officer #officer .attention {
	text-align: right;
}

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

組織図

----------------------------------------------------------------------------- */
	.organization .chart {
		margin-top: 20px;
		position: relative;
	}
	.organization .chart .chartLink {
		position: absolute;
		width: 194px;
		top: 43px;
		left: 972px;
	}
	.organization ul.linkList li a {
		color: #222;
	}
	.organization ul.linkList li a span {
		padding-left: 15px;
		font-size: 12px;
		line-height: 2.2;
		position: relative;
	}
	.organization ul.linkList li a span::after {
		margin: auto;
		width: 5px;
		height: 5px;
		content: "";
		border: solid #e60012;
		border-width: 1px 1px 0 0;
		position: absolute;
		left: 0; top: 0;
		bottom: 0;
		display: inline-block;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.organization ul + ul {
		margin-top: 8px;
	}
	.organization ul:last-child {
		margin-top: 10px;
	}


.organization #contents { padding: 0 10px; }
.organization #organization .inner { padding: 15px 15px; font-size: 14px; color: #222; }
.organization .box { width: 216px; height: 45px; text-align: center; line-height: 1.3; display: table; z-index: 2; position: relative; }
.organization .box .boxInner { display: table-cell; vertical-align: middle; border: 1px solid #ccc; background-color: #fff; position: relative; z-index: 10; }
.organization .gm .box .boxInner,
.organization .chartWrap01 .box .boxInner,
.organization .chartWrap02 .box .boxInner,
.organization .chartWrap03 .box .boxInner { background-color: #fafafa; }
.organization .gm,
.organization [class^=chartWrap] { height: 100%; position: relative; }
.organization [class^=chartWrap] .chartUnit { margin-bottom: 30px; font-size: 16px; }
.organization [class^=chartWrap] ul[class^=chart] { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.organization [class^=chartWrap] ul.linkList li a { color: #222; }
.organization [class^=chartWrap] ul.linkList li a span { padding-left: 15px; font-size: 12px; line-height: 2.2; position: relative; }
.organization [class^=chartWrap] ul.linkList li a span::after { margin: auto; width: 5px; height: 5px; content: ""; border: solid #e60012; border-width: 1px 1px 0 0; position: absolute; left: 0; top: 0; bottom: 0; display: inline-block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.organization .gm { margin-bottom: 41px; }
.organization .chartWrap01 { margin-bottom: 41px; width: 955px; }
.organization .chartWrap02 { margin-bottom: 41px; width: 462px; }
.organization .chartWrap03 { margin-bottom: 59px; margin-left: 246px; width: 462px; }
.organization .chartWrap04 { margin-left: 139px; width: 1060px; position: relative; height: 280px; }
.organization .chartWrap04 .chart04 .group > .box { margin-bottom: 11px; }
.organization .chartWrap04 .chart04 .group ul li { margin-bottom: 6px; font-size: 13px; }
.organization .chartWrap04 .chart04 .box { width: 196px; }
.organization .chartWrap04 ul.chart04_notes { padding: 16px 0 13px 17px; width: 242px; display: block; font-size: 12px; color: #333; background-color: #f8f8f8; position: absolute; right: 0; bottom: 8px; }
.organization .chartWrap04 ul.chart04_notes li { margin-bottom: 1px; }
.organization .chartWrap05 { margin-left: 139px; width: 1060px; height: 281px; }
.organization .chartWrap05 .chart05 .group > .box { margin-bottom: 10px; }
.organization .chartWrap05 .chart05 .box { width: 196px; }
.organization .chartWrap06 { margin-left: 138px; width: 1060px; height: 180px; }
.organization .chartWrap06 .chart06 .group > .box { margin-bottom: 10px; }
.organization .chartWrap06 .chart06 .box { width: 100px; }
.organization .chartWrap07 { margin-bottom: 50px; margin-left: 138px; width: 1060px; }
.organization .chartWrap07 .chart07 .group > .box { margin-bottom: 10px; }
.organization .chartWrap07 .chart07 .group ul li { margin-bottom: 5px; }
.organization .chartWrap07 .chart07 .box { width: 134px; }

/* 組織図線
---------------------------------------------*/
.organization [class*=chartWrap]:before { content: ""; position: absolute; top: 0; left: 0; background-color: #ccc; z-index: 1; }
.organization .box::before { content: ""; position: absolute; top: 0; left: 0; background-color: #ccc; z-index: 1; }
.organization .gm .box::before { width: 1px; height: 1085px; top: 44px; left: 107px; }
.organization .chartWrap01::before { width: 246px; height: 1px; top: -21px; left: 108px; }
.organization .chartWrap01 .chart01 li:nth-child(2) .box::before { width: 1px; height: 25px; top: -21px; left: 107px; }
.organization .chartWrap01 .chart01 li:nth-child(3) .box::before { width: 37px; height: 1px; top: 21px; left: 215px; }
.organization .chartWrap03::before { width: 492px; height: 1px; top: -21px; left: -138px; }
.organization .chartWrap03 .chart03 li:nth-child(1) .box::before { width: 1px; height: 25px; top: -21px; left: 107px; }
.organization .chartWrap03 .chart03 li:nth-child(2) .box::before { width: 1px; height: 25px; top: -21px; left: 107px; }
.organization .chartWrap04::before { width: 993px; height: 1px; top: 26px; left: -31px; }
.organization .chartWrap04 .chart04 li .box::before { width: 1px; height: 25px; top: -20px; left: 97px; }
.organization .chartWrap05::before { width: 992px; height: 1px; top: 26px; left: -31px; }
.organization .chartWrap05 .chart05 li .box::before { width: 1px; height: 25px; top: -20px; left: 96px; }
.organization .chartWrap06::before { width: 1041px; height: 1px; top: 26px; left: -31px; }
.organization .chartWrap06 .chart06 li .box::before { width: 1px; height: 25px; top: -20px; left: 50px; }
.organization .chartWrap07::before { width: 1025px; height: 1px; top: 26px; left: -31px; }
.organization .chartWrap07 .chart07 li .box::before { width: 1px; height: 25px; top: -20px; left: 68px; }

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

主要グループ会社一覧

----------------------------------------------------------------------------- */
/* search
---------------------------------------------*/
.group #search .searchWrap {
	background: #f8f8f8;
	padding: 30px 20px;
	margin: 25px 15px;
}
.group #search .searchWrap ul li {
	margin-bottom: 10px;
}
.group #search .searchWrap ul li p {
	font-size: 1.6rem;
	font-weight: 600;
}
.group #search .searchWrap ul li p span {
	display: block;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: -0.09em;
}
.group #search .searchWrap ul li input,
.group #search .searchWrap ul li select {
	width: 100%;
	margin: 5px 0 0;
}
.group #search .searchWrap ul li input {
	/*background: #fff url(../common/img/sp/icon_search_r.png) no-repeat 96% center;*/
	background: #fff;
	background-size: 15px;
}
.group #search .btn {
	margin: 20px auto 40px;
}

/* result
---------------------------------------------*/
.group #result .ttl01 {
	font-weight: 600;
	font-size: 2.4rem;
}
.group #result .ttl01 .sum {
	color: #e60012;
	display: inline;
}
.group #result .noneTxt{
    display: none;
    text-align: center;
    font-size: 1.8rem!important;
    margin-bottom: 30px!important;
}
.group #result ul {
	margin-top: 20px;
}
.group #result ul li {
	width: 100%;
	margin-bottom: 20px;
}
.group table {
	font-size: 1.3rem;
}
.group table th,
.group table td {
	padding: 8px 12px;
}
.group #progressimg {
	text-align:center;
	padding:25px 0;
	display:none;
	margin-top: 80px;
}
.group #progressimg img {
	width: 30px;
	height: auto;
}
.group .ttlResult {
	display:none;
}
.group #result .inner ul li {
	display:none;
}
	
/* -----------------------------------------------------------------------------

企業広告・映像

----------------------------------------------------------------------------- */
/* companyAd
---------------------------------------------*/
.ad #companyAd,
.ad #articleAd {
	margin-bottom: 0 !important;
}
.ad #companyAd ul li,
.ad #articleAd ul li {
	border: 1px solid #ddd;
	background: url(https://www.marubeni.com/jp/company/ad/img/sp/bg_box.png) no-repeat left top;
	background-size: 100%;
	margin-bottom: 30px;
}
.ad #companyAd ul li.horizontal,
.ad #articleAd ul li.horizontal {
	background: url(https://www.marubeni.com/jp/company/ad/img/sp/bg_box.png) no-repeat left -35px;
	background-size: 100%;
}
.ad #companyAd ul li figure,
.ad #articleAd ul li figure {
	margin-top: 35px;
	display: table;
}
.ad #companyAd ul li figure a,
.ad #articleAd ul li figure a {
	opacity: 1;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	display: table-cell;
	vertical-align: bottom;
}
.ad #companyAd ul li img,
.ad #articleAd ul li img {
	max-width: 100%;
	width: 100%;
}
.ad #companyAd ul li > div,
.ad #articleAd ul li > div {
	padding: 0 20px;
}
.ad #companyAd ul li > div > span,
.ad #articleAd ul li > div > span {
	font-size: 1.1rem;
	background: #777;
	display: inline-block;
	color: #fff;
	padding: 1px 5px;
}
.ad #companyAd ul li > div > h4,
.ad #articleAd ul li > div > h4 {
	font-size: 1.8rem;
	margin-top: 7px;
}
.ad #companyAd ul li > div .lead,
.ad #articleAd ul li > div .lead {
	margin: 10px 0;
	font-weight: 600;
}
.ad #companyAd ul li > div .lead.red {
	color: #fff;
	background: url(https://www.marubeni.com/jp/company/ad/img/icon_award.png) 10px center, url(https://www.marubeni.com/jp/company/ad/img/ribon_award.png) right center;
	background-color: #cb151d;
	background-repeat: no-repeat;
	background-size: 20px auto, 10px 100%;
	font-size: 12px;
	line-height: 1.4;
	padding: 10px 30px 10px 40px;
}
.ad #articleAd ul li > div .lead.red {
	color: #e60012;
}
.ad #companyAd ul li > div .text,
.ad #articleAd ul li > div .text {
	margin-top: 5px;
}
.ad #companyAd .advertising{
	margin-bottom: 40px;
	overflow: hidden;
}
.ad #companyAd .advertising .image{
	width: 48.4%;
	float: left;
	margin: 0 40px 20px 0;
}
.ad #companyAd .advertising .image img{
	width: 100%;
}
.ad #companyAd .advertising h5{
	margin-bottom: 0.7em;
	font-size: 1em;
	line-height: 1.5;
	font-weight: bold;
	vertical-align: middle;
}
.ad #companyAd .advertising p{
	margin-bottom: 2em !important;
	line-height: 2.2em !important;
}
.ad #companyAd .pickup{
	border: 6px solid #f8f8f8;
	padding: 15px;
	overflow: hidden;
}
.ad #companyAd .pickup .info h5{
	margin-bottom: 1em;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5}
.ad #companyAd .pickup .info table{
	margin-bottom: 1em;
}
.ad #companyAd .pickup .info table td span{
	font-size: 0.85em;}
.ad #companyAd .pickup .info p{
	margin-bottom: 0 !important;
	font-size: 0.85em;
}
.ad #companyAd .image{
	margin-bottom: 30px;
}
.ad #companyAd .pickup .image{
	margin-bottom: 0;
	padding-top: 30px;
}

.ad #companyAd .pickup ul li {
	float: left;
	min-width: 70px;
	border: none;
	padding: 30px 0% 0;
}
.ad #companyAd .pickup ul li a {
	color: #999;
	font-size: 1.2rem;
}
.ad #companyAd .pickup ul li a:hover {
	text-decoration: underline;
}
.ad #companyAd .pickup ul li a img {
	width: 50px;
	float: left;
	margin-right: 10px;
}
.ad #companyAd .pickup ul li a span {
	display: block;
	line-height: 1.4;
	padding-top: 8px;
}
/* companyMovie
---------------------------------------------*/
.ad #companyMovie ul li {
	margin-bottom: 30px;
}
.ad #companyMovie ul li figure {
	margin-bottom: 12px;
}
.ad #companyMovie ul li figure a {
	display: block;
	position: relative;
}
.ad #companyMovie ul li figure a:before {
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	background: url(https://www.marubeni.com/jp/common/img/icon_play.png) no-repeat;
	background-size: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	z-index: 2;
}
.ad #companyMovie ul li figure:hover a:before {
	opacity: 0;
}
.ad #companyMovie ul li figure a img {
	width: 100%;
}
.ad #companyMovie ul li video {
	width: 100%;
	margin-bottom: 10px;
}
.ad #companyMovie ul li span.label {
	font-size: 1.1rem;
	background: #777;
	display: inline-block;
	color: #fff;
	padding: 1px 5px;
}
.ad #companyMovie ul li p {
	font-size: 1.8rem;
	font-weight: 500;
	margin-top: 10px;
	line-height: 1.6 !important;
}

/* -----------------------------------------------------------------------------
  
  	コーポレート・ガバナンス
    
  ----------------------------------------------------------------------------- */
.sub #contents section .inner {
	padding-bottom: 10px;
}

.sub #contents section .inner p {
	margin-bottom: 14px;
	line-height: 1.9;
	font-size: 1.3rem;
}

.governanceTop #pageTtl {
	height: 130px;
}

.governanceTop #pageTtl .inner {
	height: 130px;
}

.governanceTop #pageTtl .inner .ttl {
	line-height: 1.3;
	height: 130px;
}

.governanceTop #contents section .inner .txtCenter {
	margin: 10px 0 36px;
	font-size: 1.4rem;
	line-height: 1.8;
	text-align: left;
}

.governanceTop #contents section .inner .bgGovernance {
	margin-bottom: 34px;
	background: none;
	padding: 0;
}

.governanceTop #contents section .inner .bgGovernance .speImg {
	display: none;
}

.governanceTop #contents section .inner .bgGovernance .photoBox {
	margin-bottom: 14px;
	float: none;
	max-width: 100%;
	width: 100%;
	background: #eeeff0;
	text-align: center;
}

.governanceTop #contents section .inner .bgGovernance .textBox {
	padding: 0;
	float: none;
	width: auto;
	position: relative;
	left: 0;
}

.governanceTop #contents section .inner .bgGovernance .textBox .title {
	margin: 0 0 3px;
	font-size: 1.8rem;
}

.governanceTop #contents section .inner .bgGovernance .textBox .title a {
	padding-left: 15px;
	background: url(../common/img/sp/icon_arrow_r.png) no-repeat left center;
	background-size: 6px auto;
}

.governanceTop #contents section .inner .bgGovernance .textBox p {
	margin: 0;
	line-height: 1.7;
}

.governanceTop #contents section .inner .btnList {
	margin-bottom: 49px;
}

.governanceTop #contents section .inner .btnList li a {
	font-size: 1.3rem;
	height: 70px;
	background: url(../common/img/sp/icon_arrow_r.png) no-repeat 95% center;
	background-size: 6px auto;
}

.governanceTop .ttl01 {
	margin-bottom: 16px;
	padding-bottom: 8px;
	font-size: 2.4rem;
}

.governanceTop #contents section .inner .reportBox .btn {
	width: 100%;
	float: none;
}

.governanceTop #contents section .inner .reportBox .btn a {
	padding: 24px 0;
	font-size: 1.25rem;
}

.governanceTop #contents section .inner .reportBox .rText {
	padding-top: 5px;
	float: right;
	font-size: 1.1rem;
	text-align: right;
}

.governanceTop #contents #contentsBtmLink .inner {
	padding: 3% 0 40px;
}

.governanceTop #contents #contentsBtmLink .inner .listCol3 li figure,
.governanceTop #contents #contentsBtmLink .inner .listCol4 li figure {
	margin-bottom: 8px;
}

.governanceTop #contents #contentsBtmLink .inner .listCol3 li:nth-child(2n+1),
.governanceTop #contents #contentsBtmLink .inner .listCol4 li {
	margin: 0 2% 25px;
}

.governanceTop #contents #contentsBtmLink .inner .listCol3 li span,
.governanceTop #contents #contentsBtmLink .inner .listCol4 li span {
	padding-left: 17px;
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.5;
}
.governanceTop .lv3Nav {
	margin-left: 0;
	margin-right: 0;
}
	
/* -----------------------------------------------------------------------------
  
  	コーポレート・ガバナンス　会長メッセージ
    
  ----------------------------------------------------------------------------- */
.governance.president .speImg {
	display: none;
}

.governance.president .photoBox {
	margin-bottom: 34px;
	background: none;
	padding: 0;
	margin-bottom: 14px;
	float: none;
	max-width: 100%;
	width: 100%;
	background: #EFEBE1;
	text-align: center;
}
.governance.president .photoBox img{
	width: 100%;
}	
	
	
/* -----------------------------------------------------------------------------
  
  	コーポレート・ガバナンス　体制
    
  ----------------------------------------------------------------------------- */

.governance #contents .inner .boxTtl .blockR {
	float: none; padding: 0px; width: 100%;
}

.governance #contents .inner .boxTtl .blockR img {
	width: 100%;
}

.governance #contents .inner .boxTtl .blockL {
	padding: 0 20px 0px 0;float: none;width: 100%;
}
	
.structure .imgZoom .pht img {
    width: auto !important;
    max-width: inherit !important;
    height: auto !important;
}
.structure #contents .imgCenter img {
	padding: 0 0 10px;
}
	
/* -----------------------------------------------------------------------------
  
  	コーポレート・ガバナンス　コンプライアンス
    
  ----------------------------------------------------------------------------- */

.compliance #contents ol.olDefault {
	margin-left: 1em;
}


/* -----------------------------------------------------------------------------
  
  	コーポレート・ガバナンス　情報開示体制
    
  ----------------------------------------------------------------------------- */

.disclosure .imgZoom .pht img {
    height: auto !important;
}


/* -----------------------------------------------------------------------------
  
  	丸紅の歴史
    
  ----------------------------------------------------------------------------- */
.history #pageTtl .inner span{
	display: block;
	font-size: 0.4em;
	margin-bottom: 5px;
}
.history #movie .videoplayer{
	max-width: 900px;
	margin: 0 auto;
    position: relative;
}
.history #movie .video_btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; 
    cursor: pointer;
}
.history #chronology {
	overflow: hidden;
	
}
.history #chronology table{
	width: 50% !important;
	float: left;
}
.history #chronology table span{
	font-size: 0.8em;
}

.history #chronology table th{
	width: 30%;
}
.history #chronology table th,.history #chronology table td{
	padding: 20px !important;
}
.history #chronology .imageW100{
	margin: 0 0 30px!important;
}

.history #reading .inner ul {
	overflow: hidden;
}
.history #reading ul li {
	width: 48%;
	float: left;
	margin-bottom: 40px;
	position: relative;
}
.history #reading ul li:nth-child(2n) {
    margin-left: 4%;
}
.history a:hover .scale img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.history #reading ul li figure {
	overflow: hidden;
	width: 100%;
	height: auto;
}
.history #reading ul li figure img {
	width: 100%;
}

.history #reading ul li div{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 25px;
}
.history #reading ul li h4 {
	font-size: 2rem;
	font-weight: normal;
	margin-bottom: 5px;
	color: #fff;
}
.history #reading ul li a:hover{
	text-decoration: none;}
.history #reading ul li a:hover h4,
.history #reading ul li.anchor a:hover{
	text-decoration: none;
	}
.history #reading ul li p{
	font-weight: normal;
    line-height: 1.7!important;
	color: #fff;
}

.history #chronology table{
	width: 100% !important;
	float: none !important;
}
.history #chronology table span{
	font-size: 0.8em;
	display: block;
}
.history #chronology table th,.history #chronology table td{
	padding: 8px 12px !important;
}
.history #chronology table.stripe tr:nth-child(odd) td {
	background: #fafafa !important;
}
.history #chronology table th{
	width: 30% !important;
	text-align: center;
	display: table-cell;
	padding: 8px 12px !important;
	border-top: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
	word-break: break-all !important;}
.history #chronology table td{
	width: 70% !important;
	display: table-cell;
	padding: 8px 12px !important;
	border-top: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
	border-left: 1px solid #ddd !important;
	word-break: break-all !important;
}
.history #chronology table + table {
	margin-top: -1px;
}
	
.history #reading .inner > ul {
}
.history #reading .inner > ul > li {
	width: 100%;
	height: auto !important;
	margin: 0 0 20px;
	overflow: hidden;
	position: static;
}
.history #reading .inner > ul > li:last-child {
	margin-bottom: 0;
}
.history #reading .inner > ul > li:last-child h4 {
	margin-bottom: 0;
}
.history #reading ul li:nth-child(2n) {
    margin-left: 0;
}
.history #reading ul li figure {
	margin-bottom: 14px;
}
.history #reading ul li figure img {
	width: 100%;
}
.history #reading ul li div{
	position: static;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0;
}
.history #reading ul li h4 {
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 10px;
	color: #333;
}
.history #reading ul li h4{
	background: url(../common/img/sp/icon_arrow_r.png) no-repeat left center;
	background-size: 6px;
	padding-left: 13px;
}	

.history #reading ul li p{
	font-weight: normal;
    line-height: 1.7!important;
	color: #333;
}	



/* -----------------------------------------------------------------------------
  
  	丸紅の歴史　古川鉄治郎という「近江商人」
    
  ----------------------------------------------------------------------------- */
.history.toyosato .anchorList.type02{
	margin-bottom: 0;
}
.history.toyosato #pageTtl {
	background: url(https://www.marubeni.com/jp/company/history/toyosato/img/img_mainvis.jpg) 70% 0 / cover no-repeat;
}
.history.toyosato .imgRight{
	margin-top: 40px;
}
.history.toyosato .videoplayer{
	max-width: 900px;
	margin: 0 auto;
    position: relative;
}
.history.toyosato .videoplayer video{
	max-width: 900px;
	margin: 0 auto;}
.video_btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; 
    cursor: pointer;
}
	
.history.toyosatocho .interview .image{
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
}
	
.history.toyosatocho .guide .info{
	float: none;
	width: 100%;
}

.history.toyosatocho .guide .googleMap{
	float: none;
	width: 100%;
}	

.history.toyosatocho .guide .info p{
	margin-bottom: 1.8em !important;
	font-size: 0.85em;
}	
	


/* -----------------------------------------------------------------------------
  
  	丸紅の歴史　豊郷町
    
  ----------------------------------------------------------------------------- */
.history.toyosatocho .anchorList.type02{
	margin: 0 0 10px;
}
.history.toyosatocho #pageTtl {
	background:url(https://www.marubeni.com/jp/company/history/toyosatocho/img/img_mainvis.jpg) 70% 0 / cover no-repeat;
}

.history.toyosatocho .col3 img {
    width: 100%;
}
.history.toyosatocho .col3 li{
	margin-bottom: 1.8em;
}

.history.toyosatocho .col4 li{
	margin-bottom: 1.8em;
}
.history.toyosatocho .col4 li dt{
	margin-bottom: 0.4em;
	font-size: 1.2em;
	font-weight: bold;
}
.history.toyosatocho .col4 li dt span{
	color: #e60012;
	font-size: 0.8em;
	border: 2px solid #e70d1e;
	border-radius: 50%;
	padding: 3px 6px;
	display: inline-block;
	margin-right: 5px;
	line-height: 1;
}
.history.toyosatocho .col4 li dd{
	line-height: 2em;
}
.history.toyosatocho .interview{
	margin-bottom: 40px;
	overflow: hidden;
}
.history.toyosatocho .interview .image{
	width: 48.4%;
	float: left;
	margin: 0 40px 20px 0;
}
.history.toyosatocho .interview .image img{
	width: 100%;
}
.history.toyosatocho .interview h5{
	margin-bottom: 0.7em;
	font-size: 1em;
	line-height: 1.5;
	font-weight: bold;
	vertical-align: middle;
}
.history.toyosatocho .interview p{
	margin-bottom: 2em !important;
	line-height: 2.2em !important;
}
.history.toyosatocho .interview h5:before{
	content: " ";
	width: 14px;
	height: 1em;
	background: url(https://www.marubeni.com/jp/company/history/toyosatocho/img/icon_interview.gif) no-repeat left center;
	display: inline-block;
}
.history.toyosatocho .guide{
	border: 6px solid #f8f8f8;
	padding: 15px;
	overflow: hidden;
}
.history.toyosatocho .guide .info h5{
	margin-bottom: 1em;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5}
.history.toyosatocho .guide .info table{
	margin-bottom: 1em;
}
.history.toyosatocho .guide .info table td span{
	font-size: 0.85em;}
.history.toyosatocho .guide .info p{
	margin-bottom: 0 !important;
	font-size: 0.85em;
}
.history.toyosatocho .googleMap{
	margin-bottom: 30px;
	background: #eee;
}
.history.toyosatocho .guide .googleMap{
	margin-bottom: 0;
}



/* -----------------------------------------------------------------------------
  
  	丸紅の歴史　丸紅ゆかりの先人たち
    
  ----------------------------------------------------------------------------- */
.history.yukari .anchorList.type02{
	margin-bottom: 0;
}
.history.yukari #pageTtl {
	background: url(https://www.marubeni.com/jp/company/history/yukari/img/img_mainvis.jpg) 70% 0 / cover no-repeat;
}

.history.yukari .ad1842,.history.yukari .ad1868,.history.yukari .ad1878,.history.yukari .ad1897{
	padding: 65px;
	overflow: hidden;

}
.history.yukari .ad1842{
	background: url(https://www.marubeni.com/jp/company/history/yukari/img/bg_txt1842.png) no-repeat right bottom,url(https://www.marubeni.com/jp/company/history/yukari/img/bg_ad1842.jpg);
}
.history.yukari .ad1868{
	background: url(https://www.marubeni.com/jp/company/history/yukari/img/bg_txt1868.png) no-repeat left bottom,url(https://www.marubeni.com/jp/company/history/yukari/img/bg_ad1868.jpg);
}
.history.yukari .ad1878{
	background: url(https://www.marubeni.com/jp/company/history/yukari/img/bg_txt1878.png) no-repeat right bottom,url(https://www.marubeni.com/jp/company/history/yukari/img/bg_ad1878.jpg);
}
.history.yukari .ad1897{
	background: url(https://www.marubeni.com/jp/company/history/yukari/img/bg_txt1897.png) no-repeat left bottom,url(https://www.marubeni.com/jp/company/history/yukari/img/bg_ad1897.jpg);
}
.history.yukari .ad1842 .txtBox,.history.yukari .ad1868 .txtBox,.history.yukari .ad1878 .txtBox,.history.yukari .ad1897 .txtBox{
	margin-left: 34%;
}.history.yukari .ad1868 .txtBox,.history.yukari .ad1878 .txtBox{
	color: #fff;
}
.history.yukari .ad1842.imgRight .txtBox,.history.yukari .ad1868.imgRight .txtBox,.history.yukari .ad1878.imgRight .txtBox,.history.yukari .ad1897.imgRight .txtBox{
	margin-left: 0;
}
.history.yukari .ad1842 .txtBox p,.history.yukari .ad1868 .txtBox p,.history.yukari .ad1878 .txtBox p,.history.yukari .ad1897 .txtBox p{
	margin-left: 0 !important;
}
.history.yukari .ad1842 .txtBox h3,.history.yukari .ad1868 .txtBox h3,.history.yukari .ad1878 .txtBox h3,.history.yukari .ad1897 .txtBox h3{
	font-weight: normal;
	font-size: 2em;
	margin-bottom: 0.3em;
	line-height: 1.2;
}
.history.yukari .ad1842 .txtBox h3 span,.history.yukari .ad1868 .txtBox h3 span,.history.yukari .ad1878 .txtBox h3 span,.history.yukari .ad1897 .txtBox h3 span{
	font-size: 0.6em;
}
.history.yukari .ad1842 .image img,.history.yukari .ad1868 .image img,.history.yukari .ad1878 .image img,.history.yukari .ad1897 .image img{
	margin: 0 !important;
}

.history.yukari .anchorList.type02{
	margin-bottom: 0;
}

.history.yukari .ad1842,.history.yukari .ad1868,.history.yukari .ad1878,.history.yukari .ad1897{
	padding: 65px;
	overflow: hidden;

}
.history.yukari .ad1842{
	background: url(https://www.marubeni.com/jp/company/history/yukari/img/bg_txt1842.png) no-repeat right bottom,url(https://www.marubeni.com/jp/company/history/yukari/img/bg_ad1842.jpg);
}
.history.yukari .ad1868{
	background: url(https://www.marubeni.com/jp/company/history/yukari/img/bg_txt1868.png) no-repeat left bottom,url(https://www.marubeni.com/jp/company/history/yukari/img/bg_ad1868.jpg);
}
.history.yukari .ad1878{
	background: url(https://www.marubeni.com/jp/company/history/yukari/img/bg_txt1878.png) no-repeat right bottom,url(https://www.marubeni.com/jp/company/history/yukari/img/bg_ad1878.jpg);
}
.history.yukari .ad1897{
	background: url(https://www.marubeni.com/jp/company/history/yukari/img/bg_txt1897.png) no-repeat left bottom,url(https://www.marubeni.com/jp/company/history/yukari/img/bg_ad1897.jpg);
}
.history.yukari .ad1842 .txtBox,.history.yukari .ad1868 .txtBox,.history.yukari .ad1878 .txtBox,.history.yukari .ad1897 .txtBox{
	margin-left: 34%;
}.history.yukari .ad1868 .txtBox,.history.yukari .ad1878 .txtBox{
	color: #fff;
}
.history.yukari .ad1842.imgRight .txtBox,.history.yukari .ad1868.imgRight .txtBox,.history.yukari .ad1878.imgRight .txtBox,.history.yukari .ad1897.imgRight .txtBox{
	margin-left: 0;
}
.history.yukari .ad1842 .txtBox p,.history.yukari .ad1868 .txtBox p,.history.yukari .ad1878 .txtBox p,.history.yukari .ad1897 .txtBox p{
	margin-left: 0 !important;
}
.history.yukari .ad1842 .txtBox h3,.history.yukari .ad1868 .txtBox h3,.history.yukari .ad1878 .txtBox h3,.history.yukari .ad1897 .txtBox h3{
	font-weight: normal;
	font-size: 2em;
	margin-bottom: 0.3em;
	line-height: 1.2;
}
.history.yukari .ad1842 .txtBox h3 span,.history.yukari .ad1868 .txtBox h3 span,.history.yukari .ad1878 .txtBox h3 span,.history.yukari .ad1897 .txtBox h3 span{
	font-size: 0.6em;
}
.history.yukari .ad1842 .image img,.history.yukari .ad1868 .image img,.history.yukari .ad1878 .image img,.history.yukari .ad1897 .image img{
	margin: 0 !important;
}
/* -----------------------------------------------------------------------------
	/company/collection/art_overseas/
	/company/collection/art_domestic/
	/company/collection/kimono/
----------------------------------------------------------------------------- */
.collectionSub #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/company/collection/art_overseas/img/bg_main.jpg);
}
.collectionSub #collection .slideCont {
	position: relative;
}
.collectionSub #collection .slideCont .contBox {
	margin-bottom: 40px;
	display: none;
}
.collectionSub #collection .slideCont .contBox .painting {
	padding: 0 0 10px;
	text-align: center;
}
.collectionSub #collection .slideCont .contBox .painting figure {
	max-width: 360px;
	margin: 0 auto 20px;
}
.collectionSub #collection .slideCont .contBox .painting figure img {
	max-width: 360px;
	margin-bottom: 5px;
}
.collectionSub #collection .slideCont .contBox .painting figure.vertical img {
	max-width: inherit;
	max-height: 250px;
	width: auto;
	/*margin: 0 auto 20px;*/
}

.collectionSub #collection .slideCont .contBox .painting figcaption {
	line-height: 1.5;
	text-align: left;
}
.collectionSub #collection .slideCont .contBox .painting figcaption b {
	font-size: 1.6rem;
	font-weight: 500;
	display: block;
	margin-bottom: 5px;
}
.collectionSub #collection .slideCont .contBox .text {
	width: 100%;
}
.collectionSub #collection .control {
	text-align: center;
}
.collectionSub #collection .control li {
	display: inline-block;
	width: 40%;
	margin: 0 8px;
}
.collectionSub .thumb {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding: 10px 0;
	overflow-x: scroll;
	display: none;
	z-index: 450;
}
.collectionSub .thumb ul {
	display: table;
	margin: 0 5px;
}
.collectionSub .thumb ul li {
	width: 60px;
	display: table-cell;
	padding: 5px;
	cursor: pointer;
}
.collectionSub .thumb ul li figure {
	margin-bottom: 0;
}
.collectionSub .thumb ul li.active figure {
	position: relative;
}
.collectionSub .thumb ul li.active figure:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(https://www.marubeni.com/jp/company/collection/art_overseas/img/active_border.png) no-repeat;
	background-size: 100%;
	z-index: 5;
}
.collectionSub .thumb ul li img {
	max-width: 100%;
}
	
.collectionSub .attention {
	margin-top: 25px;
	padding: 0 20px;
}
	
.collectionSub footer #pagetop.fixed {
	/*bottom: 90px;*/
}
.collectionSub footer #pagetop a {
	position: relative;
	bottom: 0;
	-webkit-transition: bottom 0.5s;
	transition: bottom 0.5s;
}
.collectionSub footer #pagetop.fixed a {
	/*position: relative;*/
	bottom: 80px;
}
/* -----------------------------------------------------------------------------
  
  	丸紅の歴史　歴史写真館
    
  ----------------------------------------------------------------------------- */
.history.museum #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/company/history/museum/img/bg_main.jpg);
}
.history.museum #photos .photoWrap li {
	float: left;
}
/* museum */
.history.museum #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/company/history/museum/img/bg_main.jpg);
}
.history.museum #photos .photoInner {
	margin: 0 -1.5%;
}
.history.museum #photos .photoWrap li {
	width: 50%;
	padding: 1.5%;
	float: left;
}
.history.museum #photos .photoWrap li figure figcaption {
	font-size: 1.3rem;
}



	
/* toyosatocho */	
.history.yukari .ad1842,.history.yukari .ad1868,.history.yukari .ad1878,.history.yukari .ad1897{
	padding: 30px;
	overflow: hidden;
	background-size: 100% auto,100% auto;
}

.history.yukari .ad1842 .txtBox,.history.yukari .ad1868 .txtBox,.history.yukari .ad1878 .txtBox,.history.yukari .ad1897 .txtBox{
	margin-left: 0;
}
	
	
	
	
}

/*----------------------------------------
	/network/
------------------------------------------*/
.network table td .indent {
    text-indent: -2.8em;
    padding-left: 2.8em;
    display: block;
}
.network table td .indent02 {
    text-indent: -5em;
    padding-left: 5em;
    display: block;
}