@charset "UTF-8";

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

ナビ　アクヂ�ブ設�

----------------------------------------------------------------------------- */
/* アクヂ��*/
.companyTop .navCompanyTop > 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: 1px solid #e60012 !important;
}

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

ローカルナビ

----------------------------------------------------------------------------- */
/* アクヂ�ブ設�*/
.message #pageNavMessage > a,
.policy #pageNavPolicy > a,
.gcp #pageNavGcp > a,
.gcp #pageNavGcp > a,
.profile #pageNavProfile > a,
.regulations #pageNavRegulations > a,
.network #pageNavNetwork > a,
.plan #pageNavPlan > a,
.organization #pageNavOrganization > a,
.officer #pageNavOfficer > a,
.governance #pageNavGovernance > a,
.group #pageNavGroup > a,
.ad #pageNavAd > a,
.history #pageNavHistory > a {
	color: #e60012;
}

}
@media print, screen and (min-width: 951px) and (max-width: 1240px) {

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

ローカルナビ

----------------------------------------------------------------------------- */
/* 3段レイアウ�*/
#pageNav .inner > ul {
	margin: 10px 0 0;
}
#pageNav .inner > ul > li {
	padding-bottom: 10px;
}
#pageNav .inner > ul > li:hover a span:after {
	bottom: -12px;
}
#pageNav .inner > ul > li:first-child .subPageNav,
#pageNav .inner > ul > li:nth-child(2) .subPageNav,
#pageNav .inner > ul > li:nth-child(3) .subPageNav,
#pageNav .inner > ul > li:nth-child(4) .subPageNav {
	top: 50px;
}
#pageNav .inner > ul > li:nth-child(5) .subPageNav,
#pageNav .inner > ul > li:nth-child(6) .subPageNav,
#pageNav .inner > ul > li:nth-child(7) .subPageNav,
#pageNav .inner > ul > li:nth-child(8) .subPageNav {
	top: 73px;
}
#pageNav .inner > ul > li:nth-child(9) .subPageNav,
#pageNav .inner > ul > li:nth-child(10) .subPageNav,
#pageNav .inner > ul > li:nth-child(11) .subPageNav,
#pageNav .inner > ul > li:nth-child(12) .subPageNav {
	top: 106px;
}

}

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

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

会社惱

----------------------------------------------------------------------------- */
.companyTop #pageTtl {
	background-image: url(https://www.marubeni.com/jp/company/img/bg_main.jpg);
}
.companyTop #company {
	padding-bottom:40px;
}
/* groupLink
---------------------------------------------*/
.companyTop #groupLink .inner {
	padding-top: 55px !important;
}
.companyTop #groupLink .inner > ul {
	margin: 0 -1.2195%;
	overflow: hidden;
}
.companyTop #groupLink .inner > ul > li {
	width: 30.8943%;
	float: left;
	margin: 0 1.2195% 25px;
}
.companyTop #groupLink ul li figure {
	margin-bottom: 14px;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.companyTop #groupLink ul li figure img {
	width: 100%;
}
.companyTop #groupLink ul li h4 {
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 13px;
	background: url(../common/img/icon_arrow_r.png) no-repeat left center;
	padding-left: 13px;
}
.companyTop #groupLink ul li h4 span {
	position: relative;
}
.companyTop #groupLink ul li a:hover{
	text-decoration: none;}
/*.companyTop #groupLink ul li a:hover h4,*/	
.companyTop #groupLink ul li.anchor a:hover{
	text-decoration: underline;
}
.companyTop #groupLink ul li a:hover h4 span:after {
	content: "";
	width: 100%;
	height: 2px;
	background: #666;
	position: absolute;
	bottom: 2px;
	left: 0;	
}
.companyTop #groupLink ul li p{
    line-height: 1.7!important;
}
/*.companyTop #company ul.panelList.col2 {
	margin-bottom:60px;
}
.companyTop #company ul.panelList.col3 li {
	margin-top:60px;
}
*/
.companyTop ul.insightList {
	overflow:hidden;
}
.companyTop ul.insightList li {
    width: 23%;
    float: left;
    text-align: left;
}
.companyTop  ul.insightList li + li {
	margin-left:2.666%;
}
.companyTop ul.insightList li .figure {
    position: relative;
	margin-bottom:10px;
}
.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.1rem;
    padding: 0 10px;
}
.companyTop ul.insightList li dl dt , .companyTop ul.insightList li dl dd{
    font-weight: 500;
    line-height: 1.7!important;
}
.companyTop ul.insightList li a:hover dl dt {
	text-decoration:underline;
}


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

社長メッセージ

----------------------------------------------------------------------------- */
/*.message #pageTtl {
	height: 530px;
	background: url(../company/message/img/img_mainvis.jpg) 70% 0 / cover no-repeat;
}
.message #pageTtl .inner {
	max-width: 1000px;
	color: #fff;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.message #message {
	margin-bottom: 40px;
}
.message #message .inner {
	padding: 40px 0;
}
.message #message p {
	font-size: 1.6rem;
	line-height: 2;
	margin-bottom: 1.8em;
}
.message a.redLine {
	color: #e60012;
	border-bottom: 1px solid #e60012;
}
.message a.redLine:hover {
	text-decoration: none;
}*/

#message {
  padding:30px 0 70px;
}
.message #container {
	background: url(https://www.marubeni.com/jp/company/message/img/img_main.jpg) 30% 140px no-repeat;
	padding-bottom: 65px;
}
.message .text {
	width: 48%;
	padding-top: 80px;
}
.message .text p {
	font-size: 1.5rem;
	line-height: 2;
}
.message .text p span {
	border-bottom: 1px solid #333;
}
.message .text p + p {
	margin-top: 30px;
}
	



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

経営理念

----------------------------------------------------------------------------- */
.policy .txtArwB {
	font-weight: normal;
}
.policy .imgSpirit {
	text-align: center;
	margin: 40px 0 30px;
}
.policy .imgSpirit li {
	display: inline-block;
	margin: 0 32px;
}

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

会社概要

----------------------------------------------------------------------------- */
.profile .googleMap {
	margin: 30px 0;
}
.profile #profile .inner {
	padding: 40px 0;
}

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

定款

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


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

国内海外拠点

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

.network img,
.plan img{
 max-width: 100%;
 height: auto;
}
.network .otherBases ul {
	margin-top: 40px;
}
.network .otherBases li {
	margin-bottom: 30px;
}
.network .otherBases li {
	font-size: 1.5rem;
}

/* map
---------------------------------------------*/
.network #map {
	background: url(https://www.marubeni.com/jp/company/network/img/bg_map.png);
}
.network #map .inner {
	position: relative;
	padding: 60px 0 !important;
}
.network #map p {
margin: 0 !important;
}
.network #map ul li {
	width: 10%;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	position: absolute;
	font-size: 1.4rem;
	line-height: 1.3;
	box-shadow: 0px 0px 8px 1px #ddd;
	-moz-box-shadow: 0px 0px 8px 1px #ddd;
	-webkit-box-shadow: 0px 0px 8px 1px #ddd;
}
.network #map ul li a {
	display: block;
	padding: 8% 7px 10% 0;
	background: url(../common/img/icon_arrow_r.png) 92% center no-repeat;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.network #map ul li a:hover {
	color: #fff;
	background-color: #e60012;
	background-image: url(../common/img/icon_arrow_w.png);
	text-decoration: none !important;
}
.network #map ul li:nth-child(1) {
	top: 43.4%;
	left: 42.4%;
}
.network #map ul li:nth-child(2) {
	top: 39.4%;
	left: 28.4%;
}
.network #map ul li:nth-child(3) {
	top: 23%;
	left: 18%;
}
.network #map ul li:nth-child(4) {
	top: 69%;
	left: 42.3%;
}
.network #map ul li:nth-child(5) {
	top: 33%;
	left: 63.4%;
}
.network #map ul li:nth-child(6) {
	top: 62%;
	left: 72%;
}
.network #map ul li:nth-child(7) {
	top: 42.8%;
	left: 14.8%;
}
.network #map ul li:nth-child(8) {
	top: 61.5%;
	left: 2.2%;
}

/* area
---------------------------------------------*/
.network #area .inner > ul > li {
	float: left;
	width: 32%;
	margin: 0 2% 55px 0;
}
.network #area .inner > ul > li:nth-child(3n) {
	margin-right: 0;
}
.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 #area .btn {
	margin: 0 auto;
}
	
.network .panelList li {
	margin-bottom: 40px;
	text-align: center;
}

/* 東京本社アクセス
---------------------------------------------*/
.network .officeInfoWrap {
	margin-top: 80px;
}
.network .officeInfoWrap .officeMap {
	width: 48.333%;
	float: left;
}
.network .officeInfoWrap .officeInfo {
	width: 48.333%;
	float: right;
}
.network .officeInfoWrap .officeInfo th {
	width: 120px;
}
.network .pickupBg  {
	padding-top: 70px;
	background: #efefef;
	margin-bottom: -70px;
}
.network .pickupBg::before {
	content: none;
}
.network .japanTable td {
	vertical-align: middle;
}

/* 海外拠点
---------------------------------------------*/
.network.foreign_company #contents .section .inner {
	padding-top: 0;
	padding-bottom: 0;
}
.network.foreign_company .ttlCenter01 {
	padding-top: 50px;
}
.network.foreign_company .officeInfoWrap {
	margin-top: 0;
}
.network.foreign_company .officeInfoWrap .pht {
	width: 30.333%;
	float: left;
	margin-bottom: 0!important;
}
.network.foreign_company .officeInfoWrap .officeInfo {
	width: 66.333%;
	float: right;
}
.network.foreign_company .officeInfoWrap .pht img {
	width: 100%;
}
.network.foreign_company .officeInfoWrap .officeInfo table th {
	width: 120px;
}
.network.foreign_company table + table {
	margin-top: 20px;
}
.network.foreign_company table th {
	width: 25%;
}
.network.foreign_company table .address {
	width: 25%;
}
.network.foreign_company table .tel {
	width: 200px;
}

.network table .linkArrow {
	width: 11%;
}

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

中期経営計画

----------------------------------------------------------------------------- */
.plan #pageTtlSub {
	background-image: url(https://www.marubeni.com/jp/company/plan/img/bg_main_plan.jpg);
}
.plan #reform #pageTtlSub {
	margin-top: 70px;
	margin-bottom: 20px;
}
#reform .listCheck > li + li {
	margin-top: 30px;
}
#reform p.pdf {
	margin: 45px auto 50px !important;
}
#reform .txtArwR {
	text-align: center;
	margin-top: 20px;
}
.plan #gc2018 div.ttl {
	height: 320px;
	background: url(https://www.marubeni.com/jp/company/plan/img/bg_gc2018.jpg) center no-repeat #f8f8f8;
}
.plan #gc2018 div.ttl .inner {
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 17px;
	padding-bottom: 17px;
}
.plan #gc2018 .anchorList {
	text-align: left;
	margin-top: 0;
}
.plan #gc2018 .anchorList li {
	font-size: 1.4rem;
	width: 237px;
}
.plan #gc2018 .anchorList li a {
	width: 500px;
}
.plan #gc2018 .anchorList li:nth-child(1) span,
.plan #gc2018 .anchorList li:nth-child(2) span,
.plan #gc2018 .anchorList li:nth-child(3) span,
.plan #gc2018 .anchorList li:nth-child(4) span {
	text-indent: -0.9em;
	padding-left: 0.9em;
}
.plan #gc2018 .anchorList li:nth-child(6) span,
.plan #gc2018 .anchorList li:nth-child(9) span {
	text-indent: -2em;
	padding-left: 2em;
}
.plan #gc2018 .anchorList li:nth-child(6) {
	border-left: 1px solid #ccc;
}
.plan #gc2018 .anchorList + p {
	margin-bottom: 70px !important;
}
.plan #gc2021 .anchorList li:nth-child(6) {
	border-left: 1px solid #ccc;
}
.plan #guide li + li {
	margin-top: 30px;
}
.plan #personnel dl dt {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 25px;
}
.plan #personnel dl dt span {
	display: block;
	font-size: 1.4rem;
}
.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: 7px;
	padding-bottom: 7px;
}
.plan #portfolio table th.ttl {
	padding-top: 20px;
	padding-bottom: 20px;
}
.plan #portfolio table td {
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
}
.plan #buildup ul {
	margin-bottom: 40px;
}
.plan #personnel h4 + ul {
	margin-bottom: 20px;
}
.plan #shareholder ul {
	margin-bottom: 40px;
}
.plan #shareholder p.pdf {
	margin: 45px auto !important;
}

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

役員紹介 略歴

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

.officer.sub #contents section.careerUnit02 { margin-bottom: 0; padding-bottom: 120px;}
.officer.sub #contents section.careerUnit02 .inner { padding: 70px 0 50px;}
.officer #officer .inner {
	padding: 40px 0;
}

.officer #officer .inner table td .postText { font-size: 1.2rem; }
.officer #officer .inner .annotationText { width: 270px; padding: 15px 15px; min-height: 90px; font-size: 1.3rem; background: #f8f8f8; }

/* 略歴共通パーツ
---------------------------------------------*/
.officer .careerListWrap { margin-top: 90px;}
.officer .careerListWrap:first-of-type { margin-top: 0;}
.officer [class^="careerBox"]::after { content: ""; display: block; clear: both;}
.officer [class^="careerBox"] .careerAvatar .imgBlock figure > img { max-width: 100%; display: block;}
.officer [class^="careerBox"] .careerAvatar .imgBlock .avatarName { line-height: 1.2;}
.officer [class^="careerBox"] .careerAvatar .imgBlock .avatarName > span { font-size: 0.6em; margin-bottom:10px;}
.officer [class^="careerBox"] .careerAvatar .imgBlock .avatarName .birthday { font-size: 0.7em; text-align: center;}
.officer [class^="careerBox"] .careerSummary .careerTtl { font-size: 2.0rem; font-weight: 400; margin-bottom: 15px;}
.officer [class^="careerBox"] .careerSummary table tbody tr:nth-child(odd) { background: #fff;}
.officer [class^="careerBox"] .careerSummary table tbody tr:nth-child(even) { background: #fafafa;}
.officer [class^="careerBox"] .careerSummary table tbody tr td { padding: 0.5em 2em;}
.officer [class^="careerBox"] .careerSummary table tbody tr th { text-align: center; padding: 0.5em 1em; background: transparent;}


/* 略歴��ヂ�スサイズ L
---------------------------------------------*/
.officer .careerBoxL .careerAvatar .imgBlock { display: table;}
.officer .careerBoxL .careerAvatar .imgBlock figure { display: table-cell;}
.officer .careerBoxL .careerAvatar .imgBlock .avatarName { font-size: 2.4rem; vertical-align: middle; padding-left: 2.5rem; display: table-cell;}
.officer .careerBoxL .careerAvatar .imgBlock .avatarName > span { vertical-align: middle; display: inline-block;}
.officer .careerBoxL .careerSummary table tbody tr th { width: 8em;}


/* 略歴��ヂ�スサイズ M
---------------------------------------------*/
.officer .careerBoxM .careerAvatar .imgBlock .avatarName { font-size: 2.0rem; text-align: center; margin-top: 10px;}
.officer .careerBoxM .careerAvatar .imgBlock .avatarName > span { display: block;}
.officer .careerBoxM .careerAvatar { width: 31.034%; float: left;}
.officer .careerBoxM .careerSummary { width: 63.793%; float: right;}
.officer .careerBoxM .careerSummary table tbody tr th { width: 6em;}

/* 略歴�カラ�1
---------------------------------------------*/
.officer .careerListCol1 .careerBoxL:first-child { margin-top: 0;}
.officer .careerListCol1 .careerBoxL .careerAvatar { width: 48.333%; float: left;}
.officer .careerListCol1 .careerBoxL .careerSummary { width: 48.333%; float: right;}

/* 略歴�カラ�2
---------------------------------------------*/
.officer .careerListCol2 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.officer .careerListCol2 [class^="careerBox"] { width: 48.333%; margin-top: 60px;}
.officer .careerListCol2 [class^="careerBox"]:nth-child(-n+2) { margin-top: 0;}
.officer .careerListCol2 .careerBoxL .careerAvatar { margin-bottom: 25px;}


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

組織図

----------------------------------------------------------------------------- */
.organization .chart {
	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 #contents ul:last-child {
	margin-top: 10px;
}
	
	
/*.organization #contents { padding: 0 10px; }
.organization #organization { overflow-y: hidden; overflow-x: auto; }
.organization #organization .inner { padding-top: 39px; margin-bottom: 151px; 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: 40px;
	margin-top: 60px;
}
.group #search .searchWrap ul li {
	float: left;
	width: 32%;
}
.group #search .searchWrap ul li + li {
	margin-left: 2%;
}
.group #search .searchWrap ul li p {
	font-size: 1.6rem;
	font-weight: 600;
}
.group #search .searchWrap ul li p b {
	float: left;
	display: block;
	font-weight: 600;
}
.group #search .searchWrap ul li p span {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.09em;
    display: block;
    float: left;
    line-height: 2.2;
}
.group #search .searchWrap ul li input,
.group #search .searchWrap ul li select {
	width: 100%;
	margin: 8px 0 0;
}
.group #search .btn {
	margin: 40px auto 20px;
}

/* 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;
}
.group #result ul {
	margin: 0 -0.833335%;
}
.group #result ul li {
	width: 48.33333%;
	float: left;
	margin: 0 0.833335% 60px;
}

.group #result ul li table th {
	width: 135px;
}
	
.group #progressimg {
	text-align:center;
	padding:25px 0;
	margin-top: 100px;
	display:none;
}
.group .ttlResult {
	display:none;
}
.group #result .inner ul li {
	display:none;
}

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

企業広告・映像

----------------------------------------------------------------------------- */
.ad section .inner {
	padding-top: 20px !important;
	padding-bottom: 10px !important;
}
/* companyAd
---------------------------------------------*/
.ad #companyAd .inner,
.ad #articleAd .inner {
	padding-top: 20px;
	padding-bottom: 20px;
}
.ad #companyAd ul li,
.ad #articleAd ul li {
	border: 1px solid #ddd;
	background: url(https://www.marubeni.com/jp/company/ad/img/bg_box.png) no-repeat top left;
	background-size: 100%;
	padding: 30px 2%;
	margin-bottom: 30px;
}
.ad #companyAd ul li figure,
.ad #articleAd ul li figure {
	margin-top: 20px;
	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 figure a:hover,
.ad #articleAd ul li figure a:hover {
	opacity: 0.7;
}
.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 5px;
}
.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 h4{
	margin-bottom: 0.7em;
	font-size: 1.4em;
	font-weight: bold;
	vertical-align: middle;
}
.ad #companyAd .advertising p{
	margin-bottom: 2em !important;
	line-height: 2.2em !important;
}
.ad #companyAd .pickup{
	border: 10px solid #f8f8f8;
	padding: 30px 60px;
	overflow: hidden;
	margin-left: 50px;
	margin-right: 50px;
}
.ad #companyAd .pickup .info{
	float: left;
	width: 63.4%;
}
.ad #companyAd .pickup .info h5{
	margin-bottom: 1em;
	font-size: 1.4em;
	font-weight: bold;
}
.ad #companyAd .pickup .info h6{
	font-size: 1.2em;
}
.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: 6px;
	font-size: 1em;
}
.ad #companyAd .pickup .image{
	float: right;
	width: 33.4%;
}
.ad #companyAd .image{
	margin-bottom: 30px;
}
.ad #companyAd .pickup .image{
	margin-bottom: 0;
}

.ad #companyAd .pickup ul li {
	float: left;
	min-width: 70px;
	border: none;
	padding: 20px 0 0;
	margin-bottom: 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 a img {
	width: 100%;
}
.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;
}
/* modal movie */
.videoWrap {
	border: 10px solid #fff;
}
.videoWrap video {
	background: #000;
}
.ad #cboxNext,
.ad #cboxPrevious {
	top: 40%;
}
	

/* -----------------------------------------------------------------------------
  
  	コーポレート�ガバナンス
    
  ----------------------------------------------------------------------------- */
.governanceTop #contents section {
	margin-bottom: 0;
}

.governanceTop #contents section .inner {
	padding-bottom: 20px;
}

.governanceTop #contents section .inner .txtCenter {
	margin: 15px 0 54px;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.62;
}

.governanceTop #contents section .inner .bgGovernance {
	margin-bottom: 60px;
	/*padding-left: 55px;*/
	position: relative;
	background-color: #eeeff0;
	overflow: hidden;
}

.governanceTop #contents section .inner .bgGovernance .speImg {
	position: absolute;
	right: 0;
	bottom: 0;
}

.governanceTop #contents section .inner .bgGovernance .photoBox {
	float: right;
	max-width: 660px;
	/*width: 45%;*/
}

.governanceTop #contents section .inner .bgGovernance .photoBox img {
	/*margin-right: -20px;*/
	height: 100%;
}

.governanceTop #contents section .inner .bgGovernance .textBox {
	padding-top: 76px;
	float: left;
	max-width: 630px;
	width: 55%;
	padding-right: 20px;
	position: absolute;
	left: 40px;
}

.governanceTop #contents section .inner .bgGovernance .textBox p {
	margin-bottom: 32px;
	font-size: 1.4rem;
	line-height: 1.9;
}

.governanceTop #contents section .inner .bgGovernance .textBox .title {
	margin-bottom: 2px;
	font-size: 2.4rem;
	font-weight: 500;
}

.governanceTop #contents section .inner .bgGovernance .textBox .btn {
	border: 1px solid #77746C;
}

.governanceTop #contents section .inner .bgGovernance .textBox .btn.arrow a {
	background-color: inherit;
}

.governanceTop #contents section .inner .bgGovernance .textBox .btn.arrow a:hover {
	background-color: #f3f3f3;
}

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

.governanceTop #contents section .inner .btnList li a {
	line-height: 1.7;
	font-size: 1.5rem;
	line-height: 1.5;
}

.governanceTop #contents section .inner .reportBox .btn {
	margin: 0 10px 0 0;
	float: left;
	width: 360px;
}

.governanceTop #contents section .inner .reportBox .rText {
	margin: 0;
	padding-top: 8px;
	float: left;
}

.governanceTop #contents #contentsBtmLink .inner {
	padding: 8.8% 0 83px;
}

/* -----------------------------------------------------------------------------
  
  	コーポレート�ガバナンス　会長メヂ�ージ
    
  ----------------------------------------------------------------------------- */
.governance.president .photoBox {
	margin-bottom: 60px;
	position: relative;
	background-color: #eeeff1;
	text-align: center;
}
.governance.president .photoBox .speImg {
	position: absolute;
	right: 0;
	bottom: 0;
}
.governance .txtArwB{
	margin-bottom: 0.5em !important;
}

/* -----------------------------------------------------------------------------
  
  	コーポレート�ガバナンス　体制
    
  ----------------------------------------------------------------------------- */

.governance #contents .inner .boxTtl .blockR {
	float: right;
	padding: 20px;
	width: 30%;
	text-align: right;
}

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

.governance #contents .inner .boxTtl .blockL {
	padding: 0 20px 0px 0;float: left;width: 70%;
}

.governance #contents .inner .imageW100.adjust img {
	width: 100%;
}

.governance #contents .inner .imageW80.adjust img {
	width: 80%;
}

.governance #contents .inner .imageW80.adjust {
	text-align: center;
	margin: 50px 0;
}

.governance #contents .inner .t03mgn {
	margin-bottom: 14px;
}

.governance #contents .inner section .inner p.attention:before {
	content: "※";
}

.governance #contents .inner .fwBold {
	font-weight: bold;
}

.structure table .celB {
	position: relative;
}
.structure table .celB:after {
	content: "";
	width: 100%;
	height: 3px;
	background: #777;
	position: absolute;
	top: -2px;
	left: 0;
}


/* -----------------------------------------------------------------------------
  
  	コーポレート�ガバナンス　コンプライアンス
    
  ----------------------------------------------------------------------------- */

.compliance #contents .inner .mb0 {
	margin-bottom: 0;
}

.compliance #contents .inner .mt20 {
	margin-top: 20px;
}


/* -----------------------------------------------------------------------------
  
  	コーポレート�ガバナンス　惱開示体制
    
  ----------------------------------------------------------------------------- */

.governance.disclosure .listDot{
	margin-bottom: 30px;
}



/* -----------------------------------------------------------------------------
  
  	丸�歴史
    
  ----------------------------------------------------------------------------- */
.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.toyosato .anchorList.type02{
	margin-bottom: 0;
}
.history.toyosato #pageTtl {
	background-image: url(https://www.marubeni.com/jp/company/history/toyosato/img/img_mainvis.jpg);
}
.history.toyosato #pageTtl .inner {
	max-width: 1200px;
	color: #fff;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.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 .anchorList.type02{
	margin-bottom: 0;
}
.history.toyosatocho #pageTtl {
	background-image: url(https://www.marubeni.com/jp/company/history/toyosatocho/img/img_mainvis.jpg);
}
.history.toyosatocho #pageTtl .inner {
	max-width: 1200px;
	color: #fff;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.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;
	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: 10px solid #f8f8f8;
	padding: 30px;
	overflow: hidden;
}
.history.toyosatocho .guide .info{
	float: left;
	width: 48.4%;
}
.history.toyosatocho .guide .info h5{
	margin-bottom: 1em;
	font-size: 1.4em;
	font-weight: bold;}
.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 .guide .googleMap{
	float: right;
	width: 48.4%;
}
.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-image: url(https://www.marubeni.com/jp/company/history/yukari/img/img_mainvis.jpg);
}
.history.yukari #pageTtl .inner {
	max-width: 1200px;
	color: #fff;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.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;
	height: 520px;
}
.collectionSub #collection .slideCont .contBox {
	margin-bottom: 40px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.collectionSub #collection .slideCont .contBox .painting {
	width: 50%;
	height: 480px;
	padding: 20px 40px;
	float: left;
	text-align: center;
	display: table;
}
.collectionSub #collection .slideCont .contBox .painting figure {
	display: table-cell;
	vertical-align: middle;
}
.collectionSub #collection .slideCont .contBox .painting figure img {
	max-width: 100%;
	max-height: 360px;
	margin-bottom: 5px;
}
.collectionSub #collection .slideCont .contBox .painting figcaption {
	line-height: 1.5;
}
.collectionSub #collection .slideCont .contBox .painting figcaption b {
	font-size: 1.6rem;
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
}
.collectionSub #collection .slideCont .contBox .text {
	width: 50%;
	height: 480px;
	border-left: 1px solid #ccc;
	padding: 20px 10px 20px 40px;
	float: right;
}
.collectionSub #collection .slideCont .contBox .text > div {
	overflow: auto;
	height: 450px;
	padding-right: 30px;
}
.collectionSub #collection .control {
	text-align: center;
}
.collectionSub #collection .control li {
	display: inline-block;
	width: 180px;
	margin: 0 12px;
}
.collectionSub .thumb {
	background: #f8f8f8;
	padding: 30px 0;
	display: block !important;
}
.collectionSub .thumb ul {
	margin: 0 -5px;
}
.collectionSub .thumb ul li {
	width: 10%;
	float: left;
	padding: 5px;
	cursor: pointer;
}
.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%;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.collectionSub .thumb ul li:hover img {
	opacity: 0.8;
}
.collectionSub .thumb ul li.active:hover img {
	opacity: 1;
}
	
.collectionSub .attention {
	text-align: right;
	margin-top: 15px;
}

/* -----------------------------------------------------------------------------
  
  	丸�歴史　歴史写真館
    
  ----------------------------------------------------------------------------- */
.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;
}


}


@media print, screen and (max-width: 1240px) and (min-width: 751px) {
.plan #gc2018 .anchorList li {
	width: 24.5%;
}
.plan #gc2018 .anchorList li:nth-child(6) {
	border-left: none
}
.plan #gc2018 .anchorList li:nth-child(5),
.plan #gc2018 .anchorList li:nth-child(9){
	border-left: 1px solid #ccc;
}

.plan #gc2021 .anchorList li:nth-child(4),
.plan #gc2021 .anchorList li:nth-child(7) {
	border-left: none
}
.plan #gc2021 .anchorList li:nth-child(6) {
	border-left: 1px solid #ccc;
}

.governanceTop #contents #contentsBtmLink .inner {
	padding: 8.8% 10px 60px;
}
}


@media print, screen and (min-width: 951px) {
/* museum */
.history.museum #photos .photoInner {
	margin: 0 -1%;
}
.history.museum #photos .photoWrap {
	width: 100%;
	height: 0;
	position: relative;
}
.history.museum #photos .photoWrap li {
	width: 40%;
	padding: 1%;
	position: absolute;
	height: auto !important;
}
.history.museum #photos .photoWrap li.half {
	width: 20%;
}
.history.museum #photos .photoWrap li figure {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.history.museum #photos .photoWrap li figure img {
	width: 100%;
	-webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}
.history.museum #photos .photoWrap li figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.history.museum #photos .photoWrap li figure figcaption {
	/*display: none;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 1.6rem;
	color: #fff;
	background: rgba(0,0,0,0.65);
	opacity: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.history.museum #photos .photoWrap li figure figcaption span {
	position: absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
}
.history.museum #photos .photoWrap li:hover figure figcaption {
	opacity: 1;
}
.history.museum #photos .photoWrap.layout01 {
	padding-bottom: 59.9%;
}
.history.museum #photos .photoWrap.layout01 .item01 {
	top: 0;
	left: 0;
}
.history.museum #photos .photoWrap.layout01 .item02 {
	top: 0;
	left: 40%;
}
.history.museum #photos .photoWrap.layout01 .item03 {
	top: 0;
	left: 60%;
}
.history.museum #photos .photoWrap.layout01 .item04 {
	top: 0;
	left: 80%;
}
.history.museum #photos .photoWrap.layout01 .item05 {
	top: 33.4%;
	left: 40%;
}
.history.museum #photos .photoWrap.layout01 .item06 {
	bottom: 0%;
	left: 60%;
}
.history.museum #photos .photoWrap.layout01 .item07 {
	bottom: 0;
	left: 0;
}
.history.museum #photos .photoWrap.layout01 .item08 {
	bottom: 0;
	left: 20%;
}
.history.museum #photos .photoWrap.layout01 .item09 {
	bottom: 0;
	left: 40%;
}

.history.museum #photos .photoWrap.layout02 {
	padding-bottom: 59.9%;
}
.history.museum #photos .photoWrap.layout02 .item01 {
	top: 0;
	left: 0;
}
.history.museum #photos .photoWrap.layout02 .item02 {
	top: 0;
	left: 20%;
}
.history.museum #photos .photoWrap.layout02 .item03 {
	top: 0;
	left: 60%;
}
.history.museum #photos .photoWrap.layout02 .item04 {
	top: 0;
	left: 80%;
}
.history.museum #photos .photoWrap.layout02 .item05 {
	top: 33.4%;
	left: 0;
}
.history.museum #photos .photoWrap.layout02 .item06 {
	bottom: 0%;
	left: 60%;
}
.history.museum #photos .photoWrap.layout02 .item07 {
	bottom: 0;
	left: 0;
}
.history.museum #photos .photoWrap.layout02 .item08 {
	bottom: 0;
	left: 20%;
}
.history.museum #photos .photoWrap.layout02 .item09 {
	bottom: 0;
	left: 40%;
}

.history.museum #photos .photoWrap.layout03 {
	padding-bottom: 40%;
}
.history.museum #photos .photoWrap.layout03 .item01 {
	top: 0;
	left: 0;
}
.history.museum #photos .photoWrap.layout03 .item02 {
	top: 0;
	left: 40%;
}
.history.museum #photos .photoWrap.layout03 .item03 {
	top: 0;
	left: 60%;
}
.history.museum #photos .photoWrap.layout03 .item04 {
	bottom: 0;
	left: 40%;
}

.history.museum #photos .photoWrap.layout04 {
	padding-bottom: 40%;
}
.history.museum #photos .photoWrap.layout04 .item01 {
	top: 0;
	left: 0;
}
.history.museum #photos .photoWrap.layout04 .item02 {
	top: 0;
	left: 20%;
}
.history.museum #photos .photoWrap.layout04 .item03 {
	top: 0;
	left: 60%;
}
.history.museum #photos .photoWrap.layout04 .item04 {
	top: 0;
	left: 80%;
}
.history.museum #photos .photoWrap.layout04 .item05 {
	bottom: 0;
	left: 0;
}
.history.museum #photos .photoWrap.layout04 .item06 {
	bottom: 0;
	left: 60%;
}
.history.museum #photos .photoWrap.layout04 .item07 {
	bottom: 0;
	left: 80%;
}

.history.museum #photos .photoWrap.layout05 {
	padding-bottom: 40%;
}
.history.museum #photos .photoWrap.layout05 .item01 {
	top: 0;
	left: 0;
}
.history.museum #photos .photoWrap.layout05 .item02 {
	top: 0;
	left: 40%;
}
.history.museum #photos .photoWrap.layout05 .item03 {
	top: 0;
	left: 80%;
}
.history.museum #photos .photoWrap.layout05 .item04 {
	bottom: 0;
	left: 80%;
}


}

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

	.history.museum #photos .photoWrap li {
		width: 33.33333333%;
		padding: 1.5%;
	}
	.history.museum #photos .photoWrap li figure img {
		width: 100%;
	}
	.history.museum #photos .photoWrap li figure figcaption {
		padding-top: 10px;
	}
	.history.museum #photos .photoWrap li figure figcaption span {
		display: block;
		min-height: 50px;
		font-size: 1.3rem;
	}
	
	.governanceTop #contents section .inner .bgGovernance .photoBox img {
		transform: translateX(17%);
	}

}

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

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

	.message .text {
		width: 55%;
		padding-top: 50px;
		padding-left: 20px;
	}
}

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

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

.message #container {
	background: url(https://www.marubeni.com/jp/company/message/img/img_main.jpg) 22% 140px no-repeat;
	padding-bottom: 40px;
}
.message .text {
	width: 47%;
}
.message .text p {
	font-size: 1.3rem;
}
.message .text p + p {
	margin-top: 20px;
}

}

/*----------------------------------------
	/message/
------------------------------------------*/
.message .text {
    padding-top: 60px;
}
/*----------------------------------------
	/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;
}

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

@media print {
	.history.toyosatocho .col4 li {
		height: auto !important;
		float: none;
		width: 100%;
	}
}