@charset "UTF-8";

/* 全ページ共通 */

.mgt-10 {margin-top:10px;}
.mgt-20 {margin-top:20px;}
.mgt-30 {margin-top:30px;}
.mgt-40 {margin-top:40px;}

.mgb-10 {margin-bottom:10px;}
.mgb-20 {margin-bottom:20px;}
.mgb-30 {margin-bottom:30px;}
.mgb-40 {margin-bottom:40px;}


/* トップメッセージ */

@media screen and (min-width: 46.0625em) {
	.visual-ir-message-custom {
		height: 480px !important;
	}
}

/* 単語の途中での改行を防ぐ */
span.one-word {
	display: inline-block;
}

/* 四半期・年次別財務データ */
.component-accordionList-financial-data{}
.component-accordionList-financial-data li{border-bottom:1px solid #d6d6d6}
.component-accordionList-financial-data li .mod-accordion{display:block;padding:15px 60px 15px 0;cursor:pointer;position:relative;position:relative; font-weight: bold;}
.component-accordionList-financial-data li .mod-accordion::before,.component-accordionList-financial-data li .mod-accordion::after{-webkit-transition:all 0.2s 0s ease;transition:all 0.2s 0s ease;content:"";display:block;position:absolute;top:50%;width:14px;height:1px;background:#4065a2}
.component-accordionList-financial-data li .mod-accordion::before{right:27.5px;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:translateY(4.2px) rotate(45deg);-ms-transform:translateY(4.2px) rotate(45deg);transform:translateY(4.2px) rotate(45deg)}
.component-accordionList-financial-data li .mod-accordion::after{right:14px;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:translateY(4.2px) rotate(-45deg);-ms-transform:translateY(4.2px) rotate(-45deg);transform:translateY(4.2px) rotate(-45deg)}
.component-accordionList-financial-data li .mod-accordion.is-open::before{-webkit-transform:translateY(-4.2px) rotate(-45deg);-ms-transform:translateY(-4.2px) rotate(-45deg);transform:translateY(-4.2px) rotate(-45deg)}.component-accordionList-financial-data li .mod-accordion.is-open::after{right:14px;-webkit-transform:translateY(-4.2px) rotate(45deg);-ms-transform:translateY(-4.2px) rotate(45deg);transform:translateY(-4.2px) rotate(45deg)}
.component-accordionList-financial-data li .mod-accordion-contents{ padding:0 0 0 0}
.component-accordionList-financial-data.is-faq li .mod-accordion{padding-left:70px}
.component-accordionList-financial-data .is-faq li .mod-accordion i{font-style:italic;font-family:"Lato",Helvetica,Arial,sans-serif;font-size:18px;font-size:1.8rem;line-height:18px;line-height:1.8rem;position:absolute;left:15px;top:23px;color:#4065a2}
.component-accordionList-financial-data.is-faq li .mod-accordion-contents{padding-left:10px;margin:0 0 0 60px}
@media screen and (max-width: 46em){
.component-accordionList-financial-data li .mod-accordion{padding:15px 40px 15px 0;position:relative}
.component-accordionList-financial-data li .mod-accordion::before,.component-accordionList-financial-data li .mod-accordion::after{-webkit-transition:all 0.2s 0s ease;transition:all 0.2s 0s ease;content:"";display:block;position:absolute;top:50%;width:10px;height:1px;background:#4065a2}
.component-accordionList-financial-data li .mod-accordion::before{right:19.5px;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:translateY(3px) rotate(45deg);-ms-transform:translateY(3px) rotate(45deg);transform:translateY(3px) rotate(45deg)}
.component-accordionList-financial-data li .mod-accordion::after{right:10px;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:translateY(3px) rotate(-45deg);-ms-transform:translateY(3px) rotate(-45deg);transform:translateY(3px) rotate(-45deg)}
.component-accordionList-financial-data li .mod-accordion.is-open::before{-webkit-transform:translateY(-3px) rotate(-45deg);-ms-transform:translateY(-3px) rotate(-45deg);transform:translateY(-3px) rotate(-45deg)}.component-accordionList-financial-data li .mod-accordion.is-open::after{right:10px;-webkit-transform:translateY(-3px) rotate(45deg);-ms-transform:translateY(-3px) rotate(45deg);transform:translateY(-3px) rotate(45deg)}
.component-accordionList-financial-data li .mod-accordion-contents{padding:15px 0;margin:0}
.component-accordionList-financial-data.is-faq li .mod-accordion{padding-left:45px}
.component-accordionList-financial-data.is-faq li .mod-accordion i{font-size:16px;font-size:1.6rem;line-height:16px;line-height:1.6rem;left:0;top:17px}
.component-accordionList-financial-data.is-faq li .mod-accordion-contents{padding-left:0;margin:0}.component-accordionList-financial-data.is-faq li .mod-accordion-contents a{word-break:break-all}
}

.component-accordionList-financial-data .component-listTable dl:last-child {border-bottom: none;}


/* IRトップページ画像 */
.visual-ir-201912 > p {
	color: #ffffff;
}
@media screen and (min-width: 46.0625em) {
	.visual-ir-201912 {
		background-image: url(/en/assets/img/ir/visual-201912.jpg);
	}
}
@media screen and (max-width: 46em){
	.visual-ir-201912 {
		background-image: url(/assets/img/ir/visual-201912.jpg);
	}
	.visual-ir {
		background-size: 130% !important;
	}
	.visual-ir-201912 {
		background-position: right top;
	}
}

/* IRトップページ画像 2021.02.19 */
body.visual-ir-202102 .visual-ir {
	background-image: url(/en/ir/assets/img/visual-202102-en.jpg);
}
body.visual-ir-202102 .visual-ir > p {
	color: #333;
}

@media screen and (max-width: 46em){
	body.visual-ir-202102 .visual-ir {
		background-image: url(/ir/assets/img/visual-202102.jpg);
		background-position: center top;
	}
}
@media screen and (min-width: 46.0625em) {
	body.visual-ir-202102 #js-breadcrumb li span {
		color: #fff;
	}
	body.visual-ir-202102 .component-breadcrumb ul li:not(:first-child)::before {
		border-color: #fff;
	}
}


/* 株式基本情報 */
.table-sl-1, .table-sl-2, .table-sl-3, .table-sl-4, .table-sl-5, .table-sl-6 {
	padding-right: 0.3rem !important;
	font-size: 1.8rem !important;
}
.table-sl-1 {
	color: #6cc28f !important;
}
.table-sl-2 {
	color: #399a8a !important;
}
.table-sl-3 {
	color: #d784b6 !important;
}
.table-sl-4 {
	color: #8e84b8 !important;
}
.table-sl-5 {
	color: #4cacc5 !important;
}
.table-sl-6 {
	color: #eda34a !important;
}


/* IRトップページ 2020.03.23 */
.addition-link-1 {
	margin-top: 25px;
}
.addition-link-2, .addition-link-3 {
	margin-top: 5px;
}
.ir-home .btn-align {
	text-align: left;
}
.ir-home .mod-tabs .tabs {
	border-top: none !important;
}

.component-newsLink {
	margin-top: 30px;
	text-align: left;
	overflow: hidden;
}

.component-newsLink a {
	float: left;
}

.component-newsLink .ir-mail {
	float: left;
	margin-left: 30px;
	font-size:0;
	padding:13px 0;
	font-size:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.component-newsLink .ir-mail dt {
 font-weight:bold;
 font-size:12px;
 font-size:1.2rem;
 line-height:12px;
 line-height:1.2rem;
 padding:0 18px
}
.component-newsLink .ir-mail dd {
 line-height:1;
}
.component-newsLink .ir-mail dd a {
 font-size:12px;
 font-size:1.2rem;
 line-height:12px;
 line-height:1.2rem;
 display:inline-block;
 padding:3px 15px;
 border-left:1px solid #d6d6d6
}


@media screen and (min-width: 46.0625em) {
	.ir-adjustment {
		padding-top: 30px !important;
		padding-bottom: 60px !important;
	}
}

@media screen and (max-width:46em) {
	.addition-link-1, .addition-link-2, .addition-link-3 {
		margin-top: 0;
	}
	.addition-link-1 div, .addition-link-2 div, .addition-link-3 div {
	  font-size:14px;
	  font-size:1.4rem;
	  line-height:24.5px;
	  line-height:2.45rem;
	  font-weight:bold;
	  border-bottom:1px solid #d6d6d6
	}
	.addition-link-1 div a, .addition-link-2 div a, .addition-link-3 div a {
	  display: block;
	  padding:10px 15px;
	  padding-right:35px;
	  color: #333;
	}
	.ir-home .btn-align {
		text-align: center;
	}
	.ir-adjustment {
		border-top: none !important;
		padding-bottom: 30px !important;
	}
	.component-newsLink {
		text-align: center;
	}
	.component-newsLink a {
	 float: none;
	}
	.component-newsLink .ir-mail {
	 float: none;
	 margin-top: 10px;
	 margin-left: 0;
	border-left:none;
	display:block;
	text-align:center
	margin-left: 0;
	}
	.component-newsLink .ir-mail dt {
	margin-bottom:10px
	}
	.component-newsLink .ir-mail dd a {
	padding:3px 20px
	}
	.component-newsLink .ir-mail dd a:first-child {
	border-left:none
	}
	.component-newsLink .tabs {
	margin-bottom:10px
	}
	.component-newsLink .tabs li {
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto
	}
}

/* IRカレンダー 2020-10-13 */

@media screen and (min-width: 46.0625em) {
	.calendar-block {margin: 3rem 0 5rem;}
/* 	.section > .inner > .inner__block {margin-bottom: 20px !important;} */

	body#calendar .calendar-block .mod-image {
		width: 829px;
		margin-left: auto;
		margin-right: auto;
	}

}
@media screen and (max-width:46em) {
	.calendar-block {margin: 3rem 0 3rem;}
}

/* 個人投資家 業績はどうなの？ 2021-08-03 */

@media screen and (min-width: 46.0625em) {
	body#individualinvestors-performance .mod-image-1,
	body#individualinvestors-performance .mod-image-3 {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	body#individualinvestors-performance .mod-image-2 {
		width: 585px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* 株主還元 2021-08-03 */
@media screen and (min-width: 46.0625em) {
	body#individualinvestors-return section .mod-image,
	body#stock-dividend section .mod-image {
		width: 740px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* 月次生産・国内販売・輸出実績 2021-08-27 */
@media screen and (min-width: 46.0625em) {
	body#finance-performance section .mod-image-block .mod-image {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* 株式情報 2021-11-12 */
@media screen and (min-width: 46.0625em) {
	body#stock-quote section .inner__block .mod-image {
		width: 580px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* SUBARUってどんな会社？ 2021-11-22 */
body#individualinvestors-overview .Automotive_image {
	background-image: url(/ir/assets/img/img-individualinvestors-overview-09-2021.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 62%;
}

@media screen and (min-width: 46.0625em) {
	body#individualinvestors-overview .component-ratioBlock__head {
		padding: 34px 30px 36px !important;
	}
}

@media screen and (max-width:46em) {
	body#individualinvestors-overview .Automotive_image {
		height: 100px;
		background-position: 0 68%;
	}
}

/* SUBARUってどんな会社？ 2022-04-01 */

@media print {
  .no-print {display:none;}
}

.multicolumnbox {
   -moz-column-count: 3;
   -webkit-column-count: 3;
   column-count: 3;
}

@media screen and (max-width:46em) {
	.multicolumnbox {
	   -moz-column-count: 1;
	   -webkit-column-count: 1;
	   column-count: 1;
	}
}

.component-ratioBlock-overview {
 padding:15px 40px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 letter-spacing:normal;
 color:#fff;
 background:#4065a2;
}

.component-ratioBlock-overview-left {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.component-ratioBlock-overview-left h4 {
 font-size:20px;
 font-size:2rem;
 line-height:1;
 font-weight: normal;
}

.component-ratioBlock-overview-right {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.component-ratioBlock-overview-right strong {
 font-size:16px;
 font-size:1.6rem;
 line-height:1;
 font-weight:normal
}
.component-ratioBlock-overview-right .percentage {
 margin:0 0 0 2.5rem;
 font-style:italic;
 font-weight:300;
 font-family:"Lato",Helvetica,Arial,sans-serif;
 font-size:50px;
 font-size:5rem;
 line-height:50px;
 line-height:5rem;
}
.component-ratioBlock-overview-right .percentage span {
 font-size:30px;
 font-size:3rem;
 line-height:30px;
 line-height:3rem;
}


.component-ratioBlock-overview-right p + p {
	margin-top: 0;
}

@media screen and (max-width:46em) {
	.component-ratioBlock-overview {
		display:block;
		padding:10px 15px;
	}
	.component-ratioBlock-overview-right {
		font-size:12px;
		font-size:1.2rem;
	}
	.component-ratioBlock-overview-right strong {
		font-size:14px;
		font-size:1.4rem;
	}
	.component-ratioBlock-overview-right .percentage {
		margin:0 0 0 1rem;
		font-size:36px;
		font-size:3.6rem;
		line-height:36px;
		line-height:3.6rem;
	}
	.component-ratioBlock-overview-right .percentage span {
		font-size:18px;
		font-size:1.8rem;
		line-height:18px;
		line-height:1.8rem;
	}
	.component-ratioBlock-overview-left {
	
	}
	.component-ratioBlock-overview-left h4 {
		 font-size:18px;
		 font-size:1.8rem;
	}
}

/* SUBARUってどんな会社？ 2023-03-09 */

.multicolumnbox-2 {
   -moz-column-count: 2;
   -webkit-column-count: 2;
   column-count: 2;
}

@media screen and (max-width:46em) {
	.multicolumnbox-2 {
	   -moz-column-count: 1;
	   -webkit-column-count: 1;
	   column-count: 1;
	}
}

#individualinvestors-overview .column-2 {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-column-gap: 24px;
 -moz-column-gap: 24px;
 column-gap: 24px; 
 margin-bottom: 30px;
}
#individualinvestors-overview .column-2 img {
	width: 388px;
	height: auto;
}

/*
#individualinvestors-overview .column-2 div:first-child {
	border-right: 1px dotted #043b83;
}
*/

@media screen and (max-width:46em) {
	#individualinvestors-overview .column-2 {
	 display:block;
	}
	#individualinvestors-overview .column-2 img {
		width: 100%;
		height: auto;
	}
	#individualinvestors-overview .column-2 div + div {
		margin-top: 4rem;
	}
}


/* SUBARUの特長ってなに？ 2022-04-01 */

body#individualinvestors-technology .component-table img {
	width: 140px;
}

#individualinvestors-technology .column-2 {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-column-gap: 28px;
 -moz-column-gap: 28px;
 column-gap: 28px; 
}
#individualinvestors-technology .column-2 img {
	width: auto;
	height: 336px;
}

@media screen and (max-width:46em) {
	#individualinvestors-technology .column-2 {
	 display:block;
	}
	#individualinvestors-technology .column-2 img {
		width: 100%;
		height: auto;
	}
	#individualinvestors-technology .column-2 div + div {
		margin-top: 4rem;
	}
}

/* 業績はどうなの？ 2022-04-01 */
#individualinvestors-performance .update {
	margin-bottom: 1rem !important;
}

#individualinvestors-performance .column-2 {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-column-gap: 20px;
 -moz-column-gap: 20px;
 column-gap: 20px; 
}
#individualinvestors-performance .column-2 img {
	width: 388px;
	height: auto;
}

@media screen and (max-width:46em) {
	#individualinvestors-performance .column-2 {
	 display:block;
	}
	#individualinvestors-performance .column-2 img {
		width: 100%;
		height: auto;
	}
	#individualinvestors-performance .column-2 div + div {
		margin-top: 4rem;
	}
}

#individualinvestors-performance #c3 .mod-ul li {
	border: none;
}


/* 今後の展望は？ 2022-04-01 */
#individualinvestors-vision .capital-policy > li {
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 1.5rem;
}

#individualinvestors-vision .capital-policy > li:before {
  content: '■';
  color: #3865a7;

}
#individualinvestors-vision .capital-policy ul.mod-ul {
	margin-top: 0.5rem;
}
#individualinvestors-vision .capital-policy ul.mod-ul li {
    text-indent: 0 !important;
}
.capital-policy-column-2 {
	margin-top: 0.6rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.capital-policy-column-2 h6 {
	text-indent: 0 !important;
	border: 1px solid #4e75b0;
	padding: 5px 50px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.capital-policy-column-2 p {
	text-indent: 0 !important;
	padding: 5px 15px;
	margin-top: 0.5rem;
	margin-left: 15px;
	color: #4065a2;
}
@media screen and (max-width:46em) {
	.capital-policy-column-2 {
		display: block;
	}
	.capital-policy-column-2 h6 {
		display: block;
		text-align: center;
		padding: 5px;
	}
	.capital-policy-column-2 p {
		padding: 5px 0 0 15px;
		margin: 0;
		padding: 0;
	}
}

/* IRトップページ 受賞バナー 2023-03-22 */

body.ir-home ul.banners li img {
	width: 230px;
}

@media screen and (max-width:46em) {
	body.ir-home ul.banners li img {
		width: 80%;
	}
}


/* IRトップページ CSRアイコン 2024-07-03 */
.component-irNav>ul ul li a.icon-csr:before{width:12px;height:13px;margin-left:-18px;margin-right:6px;background:url(/assets/img/common/icon-megamenu-csr.svg) no-repeat;background-size:12px 13px}


/* CEOメッセージ 2025-10-01 */
.message-visual {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	align-items:center;
	justify-content:center;
	height: auto;
	min-height: 650px;
	display: flex;
	overflow: hidden;
	
}
.message-visual-box {
	width: 1000px;
	display: flex;
	justify-content: flex-end;
}
.message-visual .message-visual-text {
	width: auto;
	display: flex;
	flex-flow: column;
}
.message-visual .message-visual-text .message-title {
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1.7;
	color: #fff;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.message-visual .message-visual-text .message-sign {
	margin-top: 50px;
	font-family: YakuHanJPs, "neue-haas-grotesk-display", sans-serif; 	
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	color: #fff;
	margin-top: 50px;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

@media (max-width: 1200px) and (min-width: 46em) {

	.message-visual .message-visual-text .message-title {
		font-size: 2rem;
	}

	.message-visual .message-visual-text .message-sign {
		font-size: 1.7rem;
	}

}


@media screen and (max-width:46em) {
	.message-visual {
		background-size: contain;
		width:100%;
		padding: 0;
		min-height: 200px;
		display: block;
	}
	.message-visual-box {
		display: block;
		width:100%;
		margin-top: 200px;
		padding: 20px;
	}
	.message-visual .message-visual-text .message-title {
		width:100%;
		font-size: 1.7rem;
		color: #000;
		text-shadow: none;
	}
	
	.message-visual .message-visual-text .message-sign {
		width:100%;
		margin-top: 50px;
		font-family: YakuHanJPs, "neue-haas-grotesk-display", sans-serif; 	
		font-size: 1.4rem;
		margin-top: 2rem;
		color: #000;
		text-shadow: none;
	}
}

/* 個人投資家廃止に伴う修正 ポップアップ表示 2026-01-23 */

/* モーダルスタイル */
.modal {
    display: block; /* 常に表示 */
    position: fixed; 
    z-index: 9999; 
	position: fixed;
    right: 20px; /* 右側に固定 */
    bottom: 20px; /* 下側に固定 */
	max-width: 250px;
	width: 100%;
	max-height: 200px;
	height: 100%;
}
.modal-container {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 1px solid #eee;
	background: #ffffffff;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.modal-container .img-area {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	height: 150px;
}
.modal-container img {
	width: 100%;
	object-fit: cover;	        
}
/*
.modal-container p {
    margin-bottom: 10px;
    padding: 5px 10px;
}
*/
.modal-container .modal-link {
	margin: 10px auto 10px;
	background-color: #000000ff;
	color: #ffffffff;
	border: none;
	border-radius: 30px;
	padding: 7px 2px;
	width: 90%;
/* 	font-size: 16px; */
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-align: center;
	transition: all 0.3s;
	letter-spacing: 0.05rem;
}
.modal-container .close-layout {
    visibility: visible;
    position: absolute; 
    top: -9px;
    right: -6px;
    border-radius: 50%;
    border: 2px solid #aaaaaa; 
    background-color: white; 
    padding: 0; 
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 28px;
    height: 28px;
    box-sizing: border-box;
}

.modal-container .close-layout svg {
    /* 通常時の色を維持 */
    fill: #aaaaaa; 
    /* transition は維持して、クリックなどの他のインタラクションに備えます */
    transition: fill 0.2s;
}

@media screen and (max-width:46em) {

	.modal {
	    right: 20px; /* 右側に固定 */
	    bottom: 20px; /* 下側に固定 */
		max-width: 150px;
		max-height: 140px;
	}
	.modal-container .img-area {
		height: 90px;
	}
/*
	.modal-container p {
	    margin-bottom: 0;
	    padding: 5px 10px;
		font-size: 0.9rem;
		line-height: 1.3;
		letter-spacing: 0;
	}
*/
	.modal-container .modal-link {
		font-size: 1rem;
		letter-spacing: 0;
	}
}