@charset "UTF-8";

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


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

ナビ　アクティブ設定

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

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

/* アクティブ */
.irTop #navIr > a > span,
.news .navIrNews p > a > span,
.message .navIrMessage p > a > span,
.messageTop .navIrMessage p > a > span,
.strength .navIrMessage p > a > span,
.finance .navIrFinance p > a > span,
.risk .navIrFinance p > a > span,
.develop .navIrFinance p > a > span,
.segment .navIrFinance p > a > span,
.rating .navIrFinance p > a > span,
.stock .navIrStock p > a > span,
.data .navIrStock p > a > span,
.shareholders .navIrStock p > a > span,
.dividend .navIrStock p > a > span,
.stockMeeting .navIrStock p > a > span,
.information .navIrStock p > a > span,
.reports .navIrReports p > a > span,
.highlight .navIrReports p > a > span,
.year .navIrReports p > a > span,
.earnings .navIrReports p > a > span,
.appendix .navIrReports p > a > span,
.security_reports .navIrReports p > a > span,
.business_report .navIrReports p > a > span,
.integrated_report .navIrReports p > a > span,
.integratedReport .navIrReports p > a > span,
.report .navIrReports p > a > span,
.download .navIrReports p > a > span,
.event_business .navIrReports p > a > span,
.individual .navIrIndividual p > a > span,
.number .navIrIndividual p > a > span,
.individualMeeting .navIrIndividual p > a > span,
.eventTop .navIrEvent p > a > span,
.policy .navIrPolicy > a > span,
.faq .navIrFaq > a > span,
.sitemap .navIrSitemap > a > span {
	border-bottom: 2px solid #e60012;
}

}

@media all and (min-width: 0) and (max-width: 750px) {
	.rating #navIr > a > span,
	/*.shareholders #navIr > a > span,*/
	/*.meeting #navIr > a > span,*/
	/*.dividend #navIr > a > span,*/
	.year #navIr > a > span,
	.highlight #navIr > a > span,
	.earnings #navIr > a > span,
	.appendix #navIr > a > span,
	.security_reports #navIr > a > span,
	.business_report #navIr > a > span,
	.report #navIr > a > span,
	.csr_report #navIr > a > span,
	/*.sitemap #navIr > a > span*/ {
		border-bottom: 2px solid #e60012;
	}
}
@media all and (min-width: 0) and (max-width: 750px) {
	.ir #contents > .btnBox {
		margin: 0 15px;
	}
	.ir #contents section .innerBox .blockR {
		float: none;
		width: 100%;
	}

	.ir #contents section .innerBox .blockR img {
		width: 100%;
	}

	.ir #contents section .innerBox .blockL {
		margin-bottom: 20px;
		float: none;
		width: 100%;
	}

	.ir #contents section .inner .btnBox div {
		margin-bottom: 10px;
		width: 100%;
		float: none;
        margin-right: 0;
	}

	.ir #contents section .inner .btnBox {
		float: none;
	}

	.ir #contents section .inner .btnBox div {
		margin-bottom: 10px;
		width: 100%;
	}

	.ir #contents section .inner .btnBox .btn {
		width: 100%;
		margin: 0;
	}
}
@media all and (min-width: 0) and (max-width: 750px) {
	.ir #contents section .inner .reportList .thumb + ul,
	.ir #contents section .inner .reportList .thumb + h4,
	.ir #contents section .inner .reportList .thumb + h4 + ul {
		margin-left: 0 !important;
	}
}

/* -----------------------------------------------------------------------------
	/ir/stock/
----------------------------------------------------------------------------- */
@media all and (min-width: 0) and (max-width: 750px) {

	.stockTop #link .figLinkWrap {
		overflow: hidden;
	}
	.stockTop #link .figLinkWrap h3 {
		background: url(../common/img/sp/icon_arrow_r.png) no-repeat left center;
		background-size: 6px;
		padding-left: 13px;
	}
	.stockTop #link .figLinkWrap h3 span {
		font-size: 1.8rem;
		color: #333;
	}
	.stockTop #link .figLink {
		height: auto;
		overflow: hidden;
		background: #333;
		margin-bottom: 20px;
	}
	.stockTop #link .figLink .infoWrap.right {
		width: 100%;
		padding: 15px;
		top: inherit;
		bottom: 0;
		position: relative;
	}
	.stockTop #link .figLink figure {
		margin-bottom: 0;
	}
	.stockTop #link .figLink .infoWrap {
		display: block;
		width: 100%;
		padding: 10px 25px;
	}
	.stockTop #link .figLink figure {
		margin-bottom: 0 !important;
	}
	.stockTop #link .figLink .infoWrap dl {
		padding: 8px 0;
	}
	.stockTop #link .figLink .infoWrap dl dt {
		font-size: 1.6rem;
		padding: 3px 0 3px 25px;
		margin-bottom: 0;
	}
	.stockTop #link .figLink .infoWrap .date dt {
		background: url(https://www.marubeni.com/jp/ir/stock/img/icon_date.png) no-repeat left center;
		background-size: 15px;
	}
	.stockTop #link .figLink .infoWrap .place dt {
		background: url(https://www.marubeni.com/jp/ir/stock/img/icon_place.png) no-repeat left center;
		background-size: 15px;
	}
	.stockTop #link .figLinkWrap h3 a:hover {
		text-decoration: none !important;
	}
	.stockTop .groupLink a:hover {
		text-decoration: none !important;
		border: none !important;
	}
	.stockTop table.type02 th,
	.stockTop table.type02 td {
		width: auto;
	}
	.stockTop table.type02 th:last-child {
		border-right: 0;
	}
	.stockTop table.stripe {
		margin-bottom: 10px;
	}
	.stockTop table.stripe th {
		width: 100%;
		padding: 10px 15px;
	}
	.stockTop table.stripe td {
		padding: 10px 15px;
		background: #fff !important;
	}
	.stockTop table.stripe td .link01 {
		display: block;
		margin-left: 0;
	}

	.stockTop #link .groupLink li:first-child h3 {
		position: relative;
		top: 0;
		left: 0;
	}
	.stockTop .groupLink iframe {
		width: 100% !important;
	}


}

/* -----------------------------------------------------------------------------
	/ir/stock/meeting/
----------------------------------------------------------------------------- */
@media all and (min-width: 0) and (max-width: 750px) {
	.meeting table {
		margin-bottom: 10px;
	}

	.meeting #contents ul {
		margin-bottom: 10px;
	}

	.meeting #contents section th {
		width: 100%;
	}
}

/* -----------------------------------------------------------------------------
	/ir/stock/shareholders/
----------------------------------------------------------------------------- */
@media all and (min-width: 0) and (max-width: 750px) {
	.shareholders .tableScroll {
		margin-bottom: 15px;
	}

	.shareholders table.stripe {
		margin-bottom: 0;
	}

	.shareholders table th {
		width: auto;
	}
}
@media all and (min-width: 0) and (max-width: 640px) {
	.imgBoxGraph .phoBox {
		padding: 0;
		display: block;
		width: 100%;
	}

	.imgBoxGraph .txtBox {
		padding: 30px 0 0;
		display: block;
		width: 100%;
		text-align: left;
	}
	.imgBoxGraph .txtBox dl {
		width: 255px;
		font-size: 14px;
	}
	.imgBoxGraph .txtBox dl + p {
		font-size: 1.2rem;
	}

	.imgBoxGraph.imgBox {
		margin-bottom: 0;
		display: block;
		text-align: center;
		padding: 0;
	}
}

/* -----------------------------------------------------------------------------
	/ir/stock/dividend/
----------------------------------------------------------------------------- */
@media all and (min-width: 0) and (max-width: 750px) {
	.dividend #contents .text02 {
		margin-bottom: 40px !important;
	}

	.dividend #contents .tableScroll {
		margin-bottom: 0;
	}

	.dividend #contents section .inner .attention {
		margin-bottom: 30px;
	}
}



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

IR資料室
/ir/reports/

----------------------------------------------------------------------------- */
/* irReports
---------------------------------------------*/
.reports #irReports {
	margin-bottom: 0 !important;
}
.reports #irReports ul.reportsList li {
	border: 1px solid #ddd;
	background: url(https://www.marubeni.com/jp/ir/reports/img/sp/bg_box.png) no-repeat left top;
	background-size: 100%;
	margin-bottom: 30px;
}
.reports #irReports ul.reportsList li.horizontal {
	background: url(https://www.marubeni.com/jp/company/ad/img/sp/bg_box.png) no-repeat left -35px;
	background-size: 100%;
}
.reports #irReports ul.reportsList li figure {
	margin-top: 35px;
	display: table;
}
.reports #irReports ul.reportsList li figure a {
	opacity: 1;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	display: table-cell;
	vertical-align: bottom;
}
.reports #irReports ul.reportsList li img {
	max-width: 100%;
	width: 100%;
}
.reports #irReports ul.reportsList li > div {
	padding: 0 20px;
}
.reports #irReports ul.reportsList li > div > span {
	font-size: 1.1rem;
	background: #777;
	display: inline-block;
	color: #fff;
	padding: 1px 5px;
}
.reports #irReports ul.reportsList li > div > .title {
	font-size: 1.8rem;
	margin-top: 7px;
}
.reports #irReports ul.reportsList li > div .lead {
	margin: 10px 0;
	font-weight: 600;
}
.reports #irReports ul.reportsList li > div .lead.red {
	color: #e60012;
}
.reports #irReports ul.reportsList li > div .text {
	margin-top: 5px;
}
.reports #irReports .reportsTxt {
	margin: 15px 15px 0;
}
.ir .lv3Nav.col5Nav li:nth-child(5){
	border-right: 1px solid #ccc;
}
.ir .lv3Nav.col5Nav li:nth-child(9){
    border-right: 1px solid #ccc;
}
/* -----------------------------------------------------------------------------
	ir/reports/year
----------------------------------------------------------------------------- */
@media all and (min-width: 0) and (max-width: 750px) {
	.year .tabWrap .tabList {
		padding: 0;
	}

	.year .tabWrap .tabList.tab3 li {
		width: 24%;
		margin: 0 0.5% 1%;
	}
	.year .tabWrap .tabList.tab3 li:last-child {
		border: none;
	}
}

/* -----------------------------------------------------------------------------
	ir/reports/highlight/
----------------------------------------------------------------------------- */
@media all and (min-width: 0) and (max-width: 750px) {
	.highlight #contents section .ttl01 {
		margin-bottom: 20px;
	}
}


/* -----------------------------------------------------------------------------
	/ir/sitemap/
----------------------------------------------------------------------------- */
@media all and (min-width: 0) and (max-width: 750px) {
    .sitemap .textList {
		margin-bottom: 30px;
	}

	.sitemap .textList li {
		width: 260px;
	}
}

/*-------------------------------------------------------
   /ir/reports/business_report/
--------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 750px) {
	.business_report #contents #backnumber .ttl01 {
		margin-bottom: 15px;
	}

	.business_report #contents section .btn.large {
		margin: 0;
	}

	.business_report #contents section .inner .reportList ul {
		margin-left: 0;
	}
}

/* -----------------------------------------------------------------------------
	/ir/reports/report/
----------------------------------------------------------------------------- */
@media all and (min-width: 0) and (max-width: 750px) {
	.report #contents #backnumber .ttl01 {
		margin-bottom: 15px;
	}

	.report #contents section .btn.large {
		margin: 0;
	}

	.report #contents section .inner .reportList ul {
		margin-left: 0;
	}
}

/* -----------------------------------------------------------------------------
	/ir/reports/csr_report/
----------------------------------------------------------------------------- */
@media all and (min-width: 0) and (max-width: 750px) {
	.csr_report #contents #backnumber .ttl01 {
		margin-bottom: 15px;
	}

	.csr_report #contents section .btn.large {
		margin: 0;
	}

	.csr_report #contents section .inner .reportList ul {
		margin-left: 0;
	}
}


/* -----------------------------------------------------------------------------
	/ir/faq/
----------------------------------------------------------------------------- */
@media all and (min-width: 0) and (max-width: 750px) {
	.faq .anchorList {
		margin-bottom: 40px;
	}
	.faq #settlement .faqList .faqBox > div table th {
		width: auto;
		padding-right: 0;
	}
	.faq #stock .faqList .faqBox > div table th {
		width: auto;
		padding-right: 0;
	}
}

/* -----------------------------------------------------------------------------
	/ir/reports/appendix/
----------------------------------------------------------------------------- */
@media all and (min-width: 0) and (max-width: 750px) {
.appendix #contents section .btn.large {
	/*width: 90%;*/
}
}


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

/* -----------------------------------------------------------------------------
	IRTOP
----------------------------------------------------------------------------- */

.irTop #pageTtl.ttlImg {
	height: auto;
	padding: 0;
}
.irTop #pageTtl.ttlImg .inner {
	padding: 0 15px;
}
.irTop .ttlInfo {
	width: 100%;
	max-width: 100%;
	height: 240px;
	top: 140px;
	padding: 20px;
}
.irTop .ttlInfo p {
	display: table;
	width: 100%;
	height: auto;
}
.irTop .ttlInfo p span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.irTop .ttlInfo img {
	height: 200px;
	width: auto;
}

/* news
---------------------------------------------*/
.irTop .newsWrap {
	margin-bottom: 40px !important;
}
.irTop .newsType01 .newsHead {
  font-size: 2.4rem;
  font-weight: 400;
  display: inline-block;
  margin-right: 10px;
	position: relative;
	border-bottom: 1px solid #ccc;
	padding: 0 0 15px;
	background: #fff;
	width: 100%;
}
.irTop .newsType01 .newsHead .ttl{
	font-size: 2.4rem;
  font-weight: 400;
  display: inline-block;
  margin-right: 10px;
}
.irTop .newsType01 .newsHead .more {
  display: inline-block;
  position: relative;
  top: 4px;
  left: 4px;
	float: inherit;
}
.irTop .newsType01 .newsHead .more li {
  float: left;
	margin-left: 0;
}
.irTop .newsType01 .newsHead .more li a {
  display: block;
}
.irTop .newsType04.newsType05 {
	width: 100%;
}
.irTop .newsType01 .newsList ul li .date {
	display: block;
	position: relative;
  border: none;
	float: inherit;
	top: inherit;
	left: inherit;
}
.irTop .newsType01 .newsList ul li .tag {
	width: 100px;
}
.irTop .newsType01 .newsList ul li {
	width: 100%;
	display: block;
	position: inherit;
	top: inherit;
	left: inherit;
}
.irTop .newsType01 .newsList ul li a {
	margin-left: 0;
}
.irTop .newsType01 .newsList ul li + li {
	margin-top: 0;
}
.irTop .newsType01.frame {
	border: none;
}
.irTop .newsType01.frame .newsList {
	padding: 0;
  border-bottom: none;
}
.irTop .data {
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
.irTop .data iframe {
	width: 100% !important;
	height: 370px !important;
}


/* pickup
---------------------------------------------*/
.irTop #pickup {
	padding-top: 25px;
	padding-bottom: 0;
}
.irTop #pickup .groupLink li:first-child figure + p {
	text-align: center;
	padding-top: 0;
}
.irTop #pickup .groupLink li figure {
	position: relative;
	margin-bottom: 14px;
}
.irTop #pickup .groupLink li figure .ttl {
	width: 100%;
	height: 100px;
	top: 50%;
	margin-top: -50px;
	font-size: 2.6rem;
	padding-top: 14px;
}

/* link
---------------------------------------------*/
.irTop #link {
	padding-top: 0;
}
.irTop #link .figLink {
	margin: 20px 0 20px;
	position: relative;
	height: auto;
	background-image: none;
}
.irTop #link .figLink figure {
	overflow: hidden;
	width: 100%;
	height: auto;
}
.irTop #link .figLink figure img {
	width: 100%;
}
.irTop #link .figLink .infoWrap {
	width: 100%;
	height: auto;
	padding: 15px;
	/*padding-top: 56px;*/
	position: relative;
	top: 0;
	background: none;
	color: #333;
	padding: 0;
}
.irTop #link .figLink .infoWrap.right {
	right: 0;
}
.irTop #link .figLink h4 {
	margin-bottom: 13px;
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 10px;
	background: url(../common/img/sp/icon_arrow_r.png) no-repeat left center;
	background-size: 6px;
	padding-left: 13px;
}
.irTop #link .figLink h4 a {
	font-size: 2rem;
	font-weight: 500;
	color: #333;
}
.irTop #link .figLink h4 a:before {
	content: none;
}
.irTop #link .figLink ul.linkGroup li {
	height: auto !important;
}
.irTop #link .figLink ul.linkGroup li a {
	color: #333;
}



/* calendar
---------------------------------------------*/
.irTop #calendar .inner {
	padding-top: 0 !important;
}
.irTop #calendar figure {
	padding-top: 0;
	margin-bottom: 15px;
	overflow-x: auto;
	height: 180px;
}
.irTop #calendar figure img {
	width: auto;
	height: 150px;
}
.irTop #calendar .boxTtl dd {
	padding: 0px 20px;
}
.irTop #calendar .boxTtl dd ul li {
	padding: 15px 0;
	position: relative;
	margin-bottom: 0;
}
.irTop #calendar .boxTtl dd ul li + li {
	border-top: 1px dotted #ccc;
}
.irTop #calendar .boxTtl dd ul li .date {
	position: absolute;
	top: 15px;
	left: 0;
}
.irTop #calendar .boxTtl dd ul li .text {
	margin-left: 135px;
	display: inline-block;
}
.irTop #calendar .btn {
	margin: 45px auto 0;
}

/* contentsBtmLink
---------------------------------------------*/
.irTop #contentsBtmLink:before {
	width: 135%;
	margin: 12% -15% 0;
}
.irTop #contentsBtmLink .col4 {
	margin: 10px -2% 0;
}
.irTop #contentsBtmLink .col4 li {
	float: left;
    width: 46%;
    margin: 0 2% 15px;
}
.irTop #contentsBtmLink .note {
	margin-top: 20px;
	text-align: left;
}
.irTop #contentsBtmLink .note dt {
	font-size: 1.8rem;
	font-weight: 600;
}
.irTop #contentsBtmLink .note dd {
	font-size: 1.2rem;
	line-height: 1.8;
}

/* -----------------------------------------------------------------------------
	/ir/event/
----------------------------------------------------------------------------- */
.eventTop .eventList .inner .select {
	position: relative;
	top: 15px;
	right: 0;
	text-align: right;
}
.eventTop .eventList .inner .btn {
	margin-top: 20px;
	width: 100%;
}

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

IRニュース

----------------------------------------------------------------------------- */
.ir.news #contents form {
	position: relative;
}
.ir.news #contents .title {
	margin: 0 15px 5px!important;
	font-size: 1.5rem;
}
.ir.news #contents .archive {
	position: absolute;
	top: 2px;
	right: 11px;
}
.ir.news #contents .yearBox .selectBox {
	padding: 0 15px;
}
.ir.news #contents .yearBox .selectBox select {
	font-size: 1.6rem;
	padding: 0 40px 0 15px;
	width: 100%;
	background: url(../common/img/icon_arrow_btm_r.png) no-repeat 96% center;
}
.ir.news #contents .yearBox .selectBox select {
	font-size: 1.6rem;
	padding: 0 40px 0 15px;
	width: 100%;
	background: url(../common/img/icon_arrow_btm_r.png) no-repeat 96% center;
}

.ir.news .tabBox {
	display: block !important;
}

/* newsWidget
---------------------------------------------*/
#newsWidget .boxWrap {
	border: none;
	padding: 20px 0 0;
}
#newsWidget .boxWrap .box {
	padding: 20px 20px 10px;
	border: 5px solid #f8f8f8;
}
#newsWidget .boxWrap .btn {
	width: 200px;
	margin: 0 auto;
}

/* select
---------------------------------------------*/
.ir.news .select .anchorList {
	margin: 40px 0;
}

/* newsWrap
---------------------------------------------*/
.ir.news .newsWrap .inner {
	padding: 10px 0 0 !important;
}
.ir.news .newsWrap .tabCont {
	padding: 30px 15px;
}
.ir.news .newsList dl dt {
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
.ir.news .newsList dl dd {
	padding-bottom: 40px;
}


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

IRニュースメール

----------------------------------------------------------------------------- */
.ir.news.mail #newsWidget .btn.print + p {
	clear: both;
}
.ir.news.mail .section p:last-child {
	margin-bottom: 0 !important;
}
.ir.news.mail .section .btn {
	margin-left: auto;
	margin-right: auto;
}


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

財務・業績情報

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

/* data
---------------------------------------------*/
.finance section#data {
	margin-bottom: 0;
}
.finance .financeData.boxBorder02 {
	padding: 0;
	border: none;
}
.finance .financeData table + table {
	border-bottom: 1px solid #efefef;
}
.finance .financeData th {
	font-weight: normal;
}
.finance .financeData td p {
	margin-bottom: 7px !important;
}
.finance .financeData td p b {
	font-size: 2.4rem;
}
.finance .financeData td dd b {
	font-size: 2rem;
}
.finance .financeData > p {
	margin-top: 15px;
}

/* grouplink
---------------------------------------------*/
.finance ul.groupLink li {
	height: auto !important;
}
.finance ul.groupLink > li figure {
	margin-bottom: 14px;
}
.finance .groupLink li h3 {
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 5px;
	background: url(../common/img/sp/icon_arrow_r.png) no-repeat left center;
	background-size: 6px;
	padding-left: 13px;
}
.finance .groupLink li a p {
	line-height: 1.5 !important;
}
.financeTop .btnCenter .middle {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 15px !important;
}

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

業績推移グラフ

----------------------------------------------------------------------------- */
.develop table th:first-child {
	width: 280px;
}
.develop table th,
.develop table td {
	text-align: center !important;
	vertical-align: middle;
}

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

セグメント情報

----------------------------------------------------------------------------- */
.segment .tabWrap .tabList {
	width: 1120px;
}
.segment .tabCont {
	padding-top: 0;
}
.segment .boxGroup .infoWrap h3 {
	margin-bottom: 10px;
}
.segment #contents .graph01 .inner,
.segment #contents .graph02 .inner{
	padding-left: 0;
	padding-right: 0;
}
.segment .graph01 .graph {
	text-align: center;
}
.segment .graph01 .graph img {
	max-width: 400px;
	margin: 0 auto;
}
.segment #contents .graph01 .graph .ratio img {
	width: 70%;
}
.segment #contents .graph01 .graph .ratio.wide img {
	width: 100%;
}
.segment .graph01 .graph .btn {
	width: 100%;
}
.segment .graph02 .point dl {
	padding: 30px 20px;
	background: #f8f8f8;
	margin-top: 20px;
}
.segment .graph02 .point dt {
	text-align: center;
}
.segment #contents .graph02 .point dt img {
	width: 50px;
}
.segment .graph02 .point dd {
	padding: 20px 0;
}
.segment .graph02 .point dd ul li {
	font-size: 1.5rem;
	text-indent: -1em;
    padding-left: 1em;
}
.segment .graph02 .point dd ul li:before {
	content: "・";
}
.segment .graph02 .point dd ul li + li {
	margin-top: 10px;
}

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

財務諸表

----------------------------------------------------------------------------- */
.statements .tabWrap .tabList li.line2 {
	line-height: 18px;
	padding-top: 7px;
}
.statements .tabBox h4 + div .btn {
	margin-bottom: 10px!important;
}
.statements .tabBox h4 + div .btn:last-child {
	margin-bottom: 1.8em!important;
}



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

経営指標の推移

----------------------------------------------------------------------------- */
.guideline table {
	table-layout: fixed;
	position: relative;
}
.guideline table colgroup {
	width: 100px;
}
.guideline table th {
	text-align: center !important;
}
.guideline table th.ttl {
	padding: 8px 20px;
	font-size: 1.6rem;
}
.guideline table td {
	width: 12.5%;
	text-align: center;
}


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

個人投資のみなさまへ

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

.individual #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/ir/individual/img/bg_main.jpg);
}
.individual #contents section {
	margin-bottom: 0px;
}
.individual .business {
	margin-bottom: 35px;
}
.individual .business ul {
	margin-bottom: 8px;
}
.individual .business li {
	width: 50%;
	float: left;
	margin-bottom: 10px;
	position: relative;
}
.individual .business li figure {
	margin: 0;
}
.individual #contents .business li p {
	margin-bottom: 0;
	width: 90%;
	position: absolute;
	bottom: 12px;
	left: 10px;
	color: #fff;
	line-height: 1.3;
}
.individual #contents .business h4 {
	font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 10px;
    background: url(../common/img/sp/icon_arrow_r.png) no-repeat left center;
    background-size: 6px;
    padding-left: 13px;
}
.individual .newsWrap .col2 {
	margin-top: 40px;
}
.individual .newsWrap .boxTtl dd {
	padding: 0px 20px;
}
.individual .newsWrap .boxTtl dd ul li {
	padding: 15px 0;
	position: relative;
	margin-bottom: 0;
}
.individual .newsWrap .boxTtl dd ul li + li {
	border-top: 1px dotted #ccc;
}
.individual .newsWrap .boxTtl dd ul li .date {
	position: absolute;
	top: 15px;
	left: 0;
}
.individual .newsWrap .boxTtl dd ul li .text {
	margin-left: 135px;
	display: inline-block;
}
.individual .newsWrap .btn {
	margin: 45px auto 0;
}

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

数字で見る丸紅グループ

----------------------------------------------------------------------------- */
.number #container {
	padding-bottom: 0;
}
.number #pageTtl.ttlImg {
    background-image: url(https://www.marubeni.com/jp/ir/individual/number/img/bg_main.jpg);
}
.number #pageTtl.ttlImg:before {
	content: none;
}
.number #pageTtl.ttlImg .subTtl .ttl {
	color: #000;
	text-shadow: 0 1px 5px #fff;
}
.number section .ttlCenter01 {
	font-weight: 600;
}
.number .count {
	font-family: 'Arial', sans-serif;
	font-size: 5rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.03em;
	margin-right: 3px;
}
.number #data01 dl,
.number #data02 dl {
	text-align: center;
}
.number #data01 dt,
.number #data02 dt {
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1.4;
	padding-bottom: 10px;
}
.number #data01 dt span,
.number #data02 dt span {
	padding: 15px 0;
	display: block;
}
.number #data01 dt span img,
.number #data02 dt span img {
	max-width: 100%;
}
.number #data01 dd p,
.number #data02 dd p {
	margin-bottom: 0 !important;
}
.number #data01 dd .val,
.number #data02 dd .val {
	font-size: 2.6rem;
	font-weight: 600;
	position: relative;
}
.number #data01 {
	background: url(https://www.marubeni.com/jp/ir/individual/number/img/bg_content.gif) no-repeat center 120px / 95% auto;
}
.number #data01 .group01 dl {
	text-align: center;
	margin: 30px 0 60px;
}
.number #data01 .group01 dt {
	font-size: 2.2rem;
	font-weight: 600;
}
.number #data01 .group01 dd p {
	font-size: 2.2rem;
	font-weight: 600;
}
.number #data01 .group01 dd p b {
	font-size: 6rem;
	line-height: 1;
}
.number #data01 .group02 {
	text-align: center;
	width: 94%;
	margin: 0 auto;
}
.number #data01 .group02 dl {
	margin-bottom: 25px;
}
.number #data01 .group02 dt {
	padding: 0 15px 10px;
}
.number #data01 .group02 dt img {
	max-width: 80%;
}
.number #data02 {
	padding-top: 20px;
	padding-bottom: 60px;
}
.number #data02 li > div {
	background: #fff;
	position: relative;
	padding: 45px 20px 30px;
	box-shadow: 0 0 7px 2px rgba(0,0,0,0.01);
}
.number #data02 li > div .label {
	position: absolute;
	top: 20px;
	left: -10px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 1.2rem;
	background: url(https://www.marubeni.com/jp/ir/individual/number/img/ribon.png) no-repeat right top / auto 30px;
}
.number #data02 li > div .label span {
	display: block;
	padding: 0 25px 0 20px;
	position: relative;
}
.number #data02 li > div .label span:before {
	content: "";
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #881015 transparent transparent;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.number #data02 dt b {
	font-size: 120%;
}
.number #data02 li img {
	width: auto;
	max-width: 80%;
}
.number #data02 p.text {
	font-size: 1.4rem;
	font-weight: 500;
	left: 0;
	text-align: center;
	margin-bottom: 0 !important;
}
.number #data02 p.attention {
	text-align: center;
	margin-bottom: 0 !important;
}
.number #data02 .col2 li > div {
	padding-top: 65px;
}
.number #data02 .col2 li > div .icon {
	text-align: center;
	display: block;
	margin-bottom: 10px;
}

}

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

統合報告書 社長メッセージ

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

.sub.managementmessage #contents section {
    margin-bottom: 0;
}
.managementmessage .visual h3{
	font-size: 1.4em;
	line-height: 1.4;
	padding-bottom: 20px;
}
.managementmessage .strategy h4 {
	font-size: 1.2em;
	line-height: 1.4;
	padding: 0 10px 10px 10px;
}
.managementmessage .strategy {
	margin-top: 0!important;
}
.strategy .imgLeft{
        flex-direction: column;
}
.managementmessage .strategy p {
	font-size: 1em;
	line-height: 1.4!important;
	padding: 0 10px 20px 10px;
}
.managementmessage .profile table td {
	border-right: none;
}

.managementmessage .profile > .inner > .col2 > div:last-child{
    height: auto !important;
}
.managementmessage .qanda dt {
  padding: 15px 10px 15px 0;
  line-height: 1.6!important;
  font-size: 1em!important;
}

.managementmessage .qanda dt span.questions {
  padding-right:6px!important;
}

.managementmessage .qanda h4 span {
  padding-right:6px!important;
}

.managementmessage .qanda span::before,
.managementmessage .qanda span::after {
  width: 12px!important;
  height: 2px!important;
  right: 0;
  top: 50%;
}
.managementmessage .qanda h4 {
	padding-top: 10px;
	padding-bottom: 10px;
  border-top: 1px solid #999;
  font-weight: bold;
  line-height: 1.6!important;
  font-size: 1em!important;
}
}
/* -----------------------------------------------------------------------------

統合報告書 社外取締役鼎談

----------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
.managementmessage .dialogue-kv br {
	display: none;
}
}
/* -----------------------------------------------------------------------------

統合報告書 社長メッセージ2021

----------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
.managementmessage .visual2021 .inner .ttlWrap {
    width: 100%;
    position: static;
}
.managementmessage .visual2021 p.sign{
	text-align: right;
	margin-top: -120px;
	margin-right: 120px;
}
}
/* -----------------------------------------------------------------------------

統合報告書 社外取締役鼎談2021

----------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
.managementmessage .dialogue2021-kv br {
	display: none;
}
}
/* -----------------------------------------------------------------------------

統合報告書 社長メッセージ2022

----------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
.managementmessage .visual2022 .inner .ttlWrap {
    width: 100%;
    position: static;
}
.managementmessage .visual2022 h3 {
	color: #333333;
	font-size: 1.8em;
	padding-bottom: 0;
}
.managementmessage .visual2022 p.sign{
	text-align: left;
	margin-top: -120px;
	margin-left: 20px;
}
.managementmessage .message2022 .imgRight .image {
    width: 100%;
    margin-left: 0px;
}
}
/* -----------------------------------------------------------------------------

統合報告書 社外取締役鼎談2022

----------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
.managementmessage .dialogue2022-kv br {
	display: none;
}
.managementmessage .dialogue-text .imgRight p.profile {
    font-size: 1.0em;
    padding:10px;
	background-color: #efefef;
}
.managementmessage .dialogue-text .imgLeft p.profile {
    font-size: 1.0em;
    padding:10px;
	background-color: #efefef;
}
}
/* -----------------------------------------------------------------------------

丸紅のビジネスモデル

----------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
	.strength #process .processBox {
		position: relative;
	}
	.strength #process .processBox::before {
		content: "";
		display: block;
		background: #ffbc46;
		width: 4px;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.strength #process .processBox::after {
		content: "";
		display: block;
		width: 50%;
		height: 35px;
		border-left: 4px solid #ffbc46;
		border-right: 4px solid #ffbc46;
		border-bottom: 4px solid #ffbc46;
	}
	.strength #process .processBox > span {
		display: block;
		padding: 5px 20px;
		background: #fff;
		color: #fba919;
		font-size: 1.8rem;
		letter-spacing: 0.05em;
		font-weight: bold;
		position: absolute;
		bottom: -10px;
    left: 14%;
	}
	.strength #process .processBox .col1 {
		position: relative;
	}
	.strength #process .processBox .col1:first-child::after {
		content: "";
		display: block;
		width: 24px;
		height: 20px;
		background: url(https://www.marubeni.com/jp/ir/message/strength/img/arrow_process2.png) no-repeat;
		position: absolute;
		top: 100%;
		left: -9px;
	}
	.strength #process .processBox .col1 dl {
		position: relative;
		background: #fff;
	}
	.strength #process .processBox .col1 + div  {
		padding-top: 50px;
		position: relative;
		background: url(https://www.marubeni.com/jp/ir/message/strength/img/arrow_process.png) no-repeat center top;
	}
	.strength #process .processBox .col1:nth-child(2),
	.strength #process .processBox .col1:nth-child(3) {
		margin-left: 7%;
	}
	.strength #process .processBox ul {
	}
	.strength #process .processBox ul li {
		display: inline-block;
		margin: 0 2% 4%;
    width: 44.5%;
	}
	.strength #process .processBox .col1:nth-child(3) ul li {
		display: inline-block;
		margin: 0 0 4%;
    width: 100%;
	}
	.strength #process .processBox ul li:last-child {
		margin-right: 0;
	}
	.strength #process .processBox ul li:nth-child(4),
	.strength #process .processBox ul li:nth-child(5) {
		margin-bottom: 0;
	}
	.strength #process .processBox ul li img {
		width: 100%;
	}
	.strength #process .processBox .imgBoxGraph {
		margin-bottom: 0;
	}
	.strength #businessModel .tabWrap .tabList {
		border-bottom: 0;
	}
	.strength #businessModel .tabWrap .tabList li {
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center;
	}
	.strength #businessModel .tabWrap .tabList li span {
		display: block;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	.strength #businessModel .tabWrap .tabList li.modelD {
		background-image: url(https://www.marubeni.com/jp/ir/message/strength/img/tab01_off.png);
	}
	.strength #businessModel .tabWrap .tabList li.modelD.active,
	.strength #businessModel .tabWrap .tabList li.modelD:hover {
		background-image: url(https://www.marubeni.com/jp/ir/message/strength/img/tab01_on.png);
		background-color: #66bcc2;
	}
	.strength #businessModel .tabWrap .tabList li.modelF {
		background-image: url(https://www.marubeni.com/jp/ir/message/strength/img/tab02_off.png);
	}
	.strength #businessModel .tabWrap .tabList li.modelF.active,
	.strength #businessModel .tabWrap .tabList li.modelF:hover {
		background-image: url(https://www.marubeni.com/jp/ir/message/strength/img/tab02_on.png);
		background-color: #977ec2;
	}
	.strength #businessModel .tabWrap .tabList li.modelS {
		background-image: url(https://www.marubeni.com/jp/ir/message/strength/img/tab03_off.png)
	}
	.strength #businessModel .tabWrap .tabList li.modelS.active,
	.strength #businessModel .tabWrap .tabList li.modelS:hover {
		background-image: url(https://www.marubeni.com/jp/ir/message/strength/img/tab03_on.png);
		background-color: #fba919;
	}
	.strength #businessModel .tabWrap .tabList li.modelN {
		background-image: url(https://www.marubeni.com/jp/ir/message/strength/img/tab04_off.png);
	}
	.strength #businessModel .tabWrap .tabList li.modelN.active,
	.strength #businessModel .tabWrap .tabList li.modelN:hover {
		background-image: url(https://www.marubeni.com/jp/ir/message/strength/img/tab04_on.png);
		background-color: #8bbf46;
	}
	.strength #businessModel .tabCont {
		border: 1px solid #ddd;
		padding: 20px 4%;
	}

	/* case */
	.strength .case {
		margin-top: 30px;
	}
	.strength .boxCase .infoWrap h3 {
		font-size: 2.2rem;
		font-weight: 400;
		margin-bottom: 10px;
	}
	.strength .boxCase .infoWrap h3 span {
		display: block;
		font-size: 1.4rem;
		margin-top: 10px;
	}
	.strength .boxCase .infoWrap h3:after {
		content: "";
		display: block;
		width: 40px;
		height: 2px;
		background: #000;
		margin-top: 10px;
	}
	.strength .case .col3 > dl:nth-child(3) > dt {
		background: #777;
		color: #fff;
	}
	.strength .case > div > dl > dd {
		padding: 30px 20px;
	}
	.strength .case > div > dl > dd > ul.listDot li + li {
		margin-top: 18px;
	}
	.strength .case dl dd dl + dl {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px dotted #aaa;
	}
	.strength .case dl dd dt {
		background: none;
		text-align: left;
		padding: 0 0 0 30px;
		font-size: 1.6rem;
		margin-bottom: 3px;
	}
	.strength .case dl dd dt.case01 {
		background: url(https://www.marubeni.com/jp/ir/message/strength/img/icon_case01.png) no-repeat 3px center;
	}
	.strength .case dl dd dt.case02 {
		background: url(https://www.marubeni.com/jp/ir/message/strength/img/icon_case02.png) no-repeat 3px center;
	}
	.strength .case dl dd dt.case03 {
		background: url(https://www.marubeni.com/jp/ir/message/strength/img/icon_case03.png) no-repeat 3px center;
	}
	.strength .case dl dd dt.case04 {
		background: url(https://www.marubeni.com/jp/ir/message/strength/img/icon_case04.png) no-repeat left center;
	}
	.strength .case dl dd dd {
		padding: 0 0 0 30px;
	}
	.strength .case .col3 {
		margin-bottom: 30px;
	}
	.strength .case .col3 > dl {
		position: relative;
	}
	.strength .case .col3 > dl + dl::before {
		content: "";
		display: block;
		width: 100%;
		height: 18px;
		background: url(https://www.marubeni.com/jp/ir/message/strength/img/arrow_process.png) no-repeat center;
		background-size: 100px auto;
		position: absolute;
		top: -22px;
		left: 0;
	}
	.strength .case .col1 {
		margin-bottom: 30px;
	}
	.strength .other {
		margin-top: 70px;
	}
	.strength .scopeList > * {
		width: 23.75%;
		float: left;
		margin-right: 1.66666666666667%;
	}
	.strength .scopeList > *:nth-child(4n) {
		margin-right: 0;
	}
	.strength .scopeList li {
		width: 46%;
		float: left;
		margin: 0 2% 30px;
	}
	.strength .scopeList li figure {
		margin-bottom: 10px;
	}
	.strength section ul li a {
		display: block;
	}
	.strength .scopeList li a img {
		width: 100%;
	}
	.strength .scopeList li h4 {
		font-size: 1.4rem;
	}
	.strength  section ul li .figure h4 {
		line-height: 1.5;
	}

	/* modelD */
	.strength .modelD .case .imgBoxGraph {
		margin-bottom: 0;
		padding: 0;
	}
	.strength .modelD .case .btn {
		margin: 0 auto;
	}

	/* modelF */
	.strength .modelF .case figure {
		margin: 20px 0 0;
	}
	.strength .modelF .case figure img {
		width: 100%;
	}

	/* modelS */
	.strength .modelS > ul.listAst {
		margin-top: 15px;
	}
	.strength .modelS > ul.listAst li {
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.strength .modelS .case > div > dl:nth-child(2) > dd > ul.listDot li + li {
		margin-top: 0;
	}
	.strength .modelS .case > div > dl:nth-child(2) > dd > ul.listDot + b {
		display: block;
		margin-top: 18px;
	}
	.strength .modelS .case .col1 dd div + div {
		margin-top: 30px;
	}
	.strength .modelS .case .col1 dd ul.listCheck {
		font-weight: bold;
	}
	.strength .modelS .case .col1 dd ul.listDot {
		margin-top: 5px;
		padding-left: 20px;
	}

	/* modelN */
	.strength .modelN .case .col1 dd div + div {
		margin-top: 20px;
	}
	.strength .modelN .case .col1 dd ul.listCheck {
		font-weight: bold;
	}
	.strength .modelN .case .col1 dd ul.listDot {
		margin-top: 5px;
		padding-left: 20px;
	}
}

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

	/* ebook */
	a.icon_ebook span {
		padding-right: 24px;
		background: url(../common/img/icon_ebook.png) right center no-repeat;
	}

}

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

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

採用情報TOP

----------------------------------------------------------------------------- */
/* groupLink
---------------------------------------------*/
.messageTop #groupLink .inner > ul {
}
.messageTop #groupLink .inner > ul > li {
	width: 100%;
	height: auto !important;
	margin: 0 0 20px;
	overflow: hidden;
}
.messageTop #groupLink ul li figure {
	margin-bottom: 14px;
}
.messageTop #groupLink ul li figure img {
	width: 100%;
}
.messageTop #groupLink ul li h4 {
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 10px;
}
.messageTop #groupLink ul li h4.link.blank span {
	padding-right: 17px;
	background: url(../common/img/icon_blank02.png) no-repeat right center;
}
.messageTop #groupLink ul li h4 a {
	background: url(../common/img/sp/icon_arrow_r.png) no-repeat left center;
	background-size: 6px;
	padding-left: 13px;
}
}