@charset "UTF-8";

/* 株主総会*/

/* 6月1日以前のcss*/
/*
.box-meeting {
	clear: both;
	overflow: hidden;
	width: 100%;
	margin: 20px 0;
	padding: 0;
}
.box-meeting-1 {
	float: left;
	overflow: hidden;
	width: 200px;
	margin-right: 40px;
	padding: 0;
}
.box-meeting-1 img {
	width: 100%;
}
.box-meeting-2 {
	float: left;
	width : -webkit-calc(100% - 380px) ;
	width: calc(100% - 380px);
	margin: 0;
	padding: 0;
}
.box-meeting-3 {
	float: right;
	width: 120px;
	margin-left: 20px;
	padding: 0;
}
.box-meeting-3 img {
	width: 100%;
}
@media screen and (max-width: 46em){
	.box-meeting-1 {
		text-align: center;
		float: none;
		overflow: hidden;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
	}
	.box-meeting-1 img {
		width: 60%;
	}
	.box-meeting-2 {
		float: none;
		overflow: hidden;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
	}
	.box-meeting-3 {
		text-align: center;
		float: none;
		overflow: hidden;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.box-meeting-3 img {
		width: 40%;
	}
}
*/

/* 6月1日以降のcss*/

.box-meeting {
	clear: both;
	overflow: hidden;
	width: 100%;
	margin: 20px 0;
	padding: 0;
}
.box-meeting-1 {
	float: left;
	overflow: hidden;
	width: 130px;
	margin-right: 20px;
	padding: 0;
}
.box-meeting-1 img {
	width: 100%;
}
.box-meeting-2 {
	float: left;
	width : -webkit-calc(100% - 240px) ;
	width: calc(100% - 240px);
	margin: 0;
	padding: 0;
}
.box-meeting-3 {
	float: right;
	width: 80px;
	margin-left: 10px;
	padding: 0;
}
.box-meeting-3 img {
	width: 100%;
}
@media screen and (max-width: 46em){
	.box-meeting-1 {
		text-align: center;
		float: none;
		overflow: hidden;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
	}
	.box-meeting-1 img {
		width: 60%;
	}
	.box-meeting-2 {
		float: none;
		overflow: hidden;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
	}
	.box-meeting-3 {
		text-align: center;
		float: none;
		overflow: hidden;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.box-meeting-3 img {
		width: 40%;
	}
}

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

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

/* 株主様イベントご案内 応募フォーム */
#step_bar_box {
	width: 100%;
    text-align: center;
    overflow: hidden;
}

.stepBar {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 40px 0 20px;
  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #eee;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 20px;
}
.stepBar .step:after {
  top: 0;
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}
.stepBar .step:before {
  bottom: 0;
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.stepBar .step:first-child {

}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {

}
.stepBar .step.current {
  color: #FFF;
  background-color: #3f64a4;
}
.stepBar .step.current:before, .stepBar .step.current:after {
  background-color: #3f64a4;
}
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
  width: 20%;
}
#step_bar_img {
	display: none;
}

form#shareholders_form .shareholders_address{
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-transition:all .3s 0s ease;
	transition:all .3s 0s ease;
	background:#4065a2;
	color:#fff;
	display:inline-block;
	text-decoration:none;
	font-size:14px;
	font-size:1.4rem;
	line-height:20px;
	line-height:2rem;
	margin: 0 0 0 10px;
	padding:10px 20px 10px;
	text-align:center;
	border: none;
}
form#shareholders_form .shareholders_address:hover{
	background:#4770b4;
	text-decoration:none
}
form#shareholders_form .shareholders_address:active{
	text-decoration:none
}

@media screen and (max-width: 46em){
	#step_bar_box {
		display: none;
	}
	#step_bar_img {
		display: block;
		width: 100%;
	    text-align: center;
	    overflow: hidden;
	}
	#step_bar_img img {
		width: 100%;
	}
	form#shareholders_form .shareholders_address{
		-webkit-transition:all .3s 0s ease;
		transition:all .3s 0s ease;
		background:#4065a2;
		color:#fff;
		display:inline-block;
		text-decoration:none;
		font-size:14px;
		font-size:1.4rem;
		line-height:20px;
		line-height:2rem;
		margin: 10px 0 0 0;
		padding:10px 20px 10px;
		text-align:center;
		border: none;
	}
}

/* 株主様イベントご案内 */
.mod-card .title_ir{font-size:15px;font-size:1.5rem;line-height:22px;line-height:2.2rem;margin-bottom:6px;font-weight:bold;}

/* 四半期・年次別財務データ */
.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;}

/* 個人投資家 トップページ */

@media screen and (min-width: 46.0625em) {
	.component-messageLink__text p .name{font-size:18px;font-size:1.8rem;line-height:31.5px;line-height:3.15rem}
}

/* IRトップページ画像 */
.visual-ir-201912 {
	background-image: url(/assets/img/ir/visual-201912.jpg);
}
.visual-ir-201912 > p {
	color: #ffffff;
}
@media screen and (max-width: 46em){
	.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(/ir/assets/img/visual-202102.jpg);
}
body.visual-ir-202102 .visual-ir > p {
	color: #333;
}
@media screen and (max-width: 46em){
	body.visual-ir-202102 .visual-ir {
		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;
	}

	body.visual-ir-202102 .visual-ir .mod-asof {
		margin: -15px 30px 0 !important;
	}

}
*/





/* 株式基本情報 */
.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.4rem !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
}
.ir-home .component-pageRanking {
	background: #fff !important;
}
.ir-home .component-ir-bottomLink {
	background: #f5f7fb !important;
}

@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: 32px 30px 38px !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;
	}
}

/* 今後の展望は？ 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.5rem;
	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: "Hiragino Mincho ProN","ヒラギノ明朝 ProN W3","Yu Mincho","HG明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.7;
	color: #fff;
	margin-top: 50px;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

@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: "Hiragino Mincho ProN","ヒラギノ明朝 ProN W3","Yu Mincho","HG明朝E","ＭＳ Ｐ明朝",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;
}
.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;
	}
}