@charset "UTF-8";

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

開示情報

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

/* サイドナビ 余白調整 ------　*/
#irinfo .page-sidenav nav ul li a{
  padding: 0 1.2rem;
}

#irinfo .page-bg-trans.irinfo-title {
	padding: 0;
}
.page-bg-trans.irinfo-title .common-note-h3 {
	padding-left: 3rem;
	margin-bottom: 4rem;
}

.ir-content{
	display: flex;
	flex-direction: column;
}

/* 白背景 上部余白 ---------------- */
#irinfo .page-bg-trans,
#irinfo .page-bg-lblue {
	padding: 4rem 0;
}

/* 年度 SP ---------------- */
.ir-content h4{
	width: auto;
	margin: 0 0 3rem;
	letter-spacing: 0.05em;
	font-size: 1.6rem;
}
.ir-content h4 span{
	padding: 0 0.2rem 0 0;
	line-height: 1.5;
	font-family: "Figtree", sans-serif;
	font-optical-sizing: auto;
	font-size: 2rem;
	font-weight: 500;
}

/* 記事 SP ---------------- */
.ir-list{
	width: auto;
}
.ir-list dl{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	letter-spacing: 0.05em;
	margin: 0 0 3rem;
	font-size: 1.6rem;
}
.ir-list dl:last-child{
	margin: 0;
}
.ir-list dl dt{
	width: auto;
}
.ir-list dl dd{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: auto;
}
.ir-list dl dd p{
	width: auto;
}
.ir-list dl dd p:first-child{
	padding: 0.5rem 0;
}
.ir-list dl dd p:last-child a{
	display: block;
	padding: 0 0 0 2.5rem;
	color: #444;
	text-decoration: none;
	background: url(../img/common-icon-pdf.png) no-repeat left center;
	background-size: 16px;
	font-size: 1.4rem;
}
.ir-list dl dd p:last-child a:hover{
	color: var(--blue);
	text-decoration: underline;
}
.ir-list dl dd a p:last-child span{
	padding: 0 0.5rem;
}


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

	.page-bg-trans.irinfo-title .common-note-h3 {
		padding-left: 6rem;
	}

	.ir-content{
		flex-direction: row;
	}

	.ir-content h4{
		width: 24%;
		margin: 0;
	}
	.ir-list{
		width: 76%;		
	}

	.ir-content dl dd{
		width: 100%;
		flex-direction: row;
		align-items: center;
	}
	.ir-content dl dd p:first-child{
		width: 70%;
		padding: 0 1em 0 0;
	}
	.ir-content dl dd p:last-child{
		width: 30%;
	}

}


@media only screen and (min-width: 1000px) {

	.page-bg-trans.irinfo-title .common-note-h3 {
		padding-left: 0;
	}

}


@media only screen and (min-width: 1200px) {

	.ir-content h4 span{
		font-size: 2.2rem;
	}

	.ir-list dl{
		flex-direction: row;
		margin: 0 0 4rem;
		font-size: 1.8rem;
	}
	.ir-list dl dt{
		width: 27%;
	}
	.ir-list dl dd{
		width: 73%;
		align-items: flex-start;
	}
	.ir-list dl dd p:last-child a{
		padding: 0 0 0 3rem;
		background: url(../img/common-icon-pdf.png) no-repeat left center;
		background-size: 20px;
		font-size: 1.6rem;
	}

}

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

決算報告

----------------------------------------------------*/
#irindex .page-bg-trans,
#irindex .page-bg-lblue,
#irindex .page-bg-lgray{
  padding: 0;
}

/* 単体経営指標 SP
------------------------------*/
.ir-index-list{
	padding-bottom: 5rem;
}

.ir-index-list-in{
	max-width: 48rem;
	padding: 0 0 2rem;
	overflow-x: scroll;
}
table#indices{
	width: 50rem;
	line-height: 1;
  border: 1px solid #ccc;
	background: #fff;
}

table#indices th,
table#indices td{
	line-height: 1.5;
	padding: 1rem;
	border: 1px solid #ccc;
	font-size: 1.4rem;
	font-weight: 500;
}

table#indices th span{
	display: block;
	font-size: 1.2rem;
}
table#indices th p:last-child{
	font-size: 1.2rem;	
}

.indices-bg-gray{
	background: #edf5fc;
}
.in-wh01{
  width: 20%;
}
.in-wh02{
  width: 16%;
}
table#indices td.indices-line{
	line-height: 1.5;
}

.ir-index-graph ol{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 120rem;
	padding: 2rem 0 0;
}
.ir-index-graph ol li{
	width: auto;
	height: auto;
	margin: 0 0 2rem;
	padding: 2rem;
	text-align: center;
	background: var(--lblue);	
}
.ir-index-graph ol li:last-child{
	margin: 0;
}

/* 決算情報　SP
------------------------------*/
.ir-ettl{
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.ir-ettl h3{
	margin: 0 auto;
	padding: 0 3rem 1rem;
}

/* 年度ごと SP ---------- */
.ir-ettl-year{
	display: flex;
	flex-direction: column;
	border-radius: 0;
	padding: 3rem;
}
.ir-ettl-year.ir-bgwh{
	background: #fff;	
}
.ir-ettl-year h4{
	width: auto;
	margin: 0 0 4rem;
	letter-spacing: 0.05em;
	font-size: 1.6rem;
}
.ir-ettl-year h4 span{
	padding: 0 0.2rem 0 0;
	font-family: "Figtree", sans-serif;
	font-optical-sizing: auto;
	font-size: 2rem;
}

.ir-ettl-year div{
	width: auto;
}
.ir-ettl-year div ol{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0 0 3rem;
}
.ir-ettl-year div ol:last-child{
	margin: 0;	
}
.ir-ettl-year ol li{
	width: auto;
	padding: 0.5rem;
	font-size: 1.6rem;
}
.ir-ettl-year ol li:last-child a{
	display: block;
	padding: 0 0 0 2.5rem;
	color: #444;
	text-decoration: none;
	background: url(../img/common-icon-pdf.png) no-repeat left center;
	background-size: 16px;
	font-size: 1.4rem;
}
.ir-ettl-year ol li:last-child a:hover{
	color: var(--blue);
	text-decoration: underline;
}
.ir-ettl-year ol li:last-child a span{
	padding: 0 0.5rem;
}

@media only screen and (min-width: 600px) {

	/* 単体経営指標 600
	------------------------------*/
	.ir-index-list-in{
		max-width: 65rem;	
	}
	table#indices{
		width: 63rem;
	}	

}

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

	.ir-index-graph ol{
		flex-direction: row;
	}
	.ir-index-graph ol li{
		width: 32%;
		height: 24rem;
	}

	/* 年度ごと SP ---------- */
	.ir-ettl-year{
		flex-direction: row;
		border-radius: 1rem;
		padding: 3rem 6rem;
	}
	.ir-ettl-year h4{
		width: 24%;
		margin: 0;
	}
	.ir-ettl-year div{
		width: 76%;
	}
	.ir-ettl-year div ol{
		flex-direction: row;
		margin: 0;
	}
	.ir-ettl-year ol li{
		padding: 1.5rem 0;
	}
	.ir-ettl-year div:first-of-type ol li{
		padding: 0.5rem 0 1.5rem;		
	}
	.ir-ettl-year ol li:first-child{
		width: 70%;
	}
	.ir-ettl-year ol li:last-child{
		width: 30%;
	}


}

@media only screen and (min-width: 1000px) {

	/* 単体経営指標 1000
	------------------------------*/
	.ir-index-list{
		padding-bottom: 10rem;		
	}
	.ir-index-list-in{
		max-width: 100%;	
	}
	table#indices{
		width: auto;
	}	
	table#indices th,
	table#indices td{
		padding: 1.5rem;
		font-size: 1.6rem;
	}
	table#indices th span{
		font-size: 1.4rem;
	}
	table#indices th p:last-child{
		font-size: 1.4rem;	
	}

	/* 決算情報　1000
	------------------------------*/
	.ir-ettl{
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
	.ir-ettl h3{
		margin: 0 auto;
		padding: 0 6rem 5rem;
	}


}

@media only screen and (min-width: 1200px) {

	/* 単体経営指標 1200
	------------------------------*/
	table#indices th,
	table#indices td{
		font-size: 1.8rem;
	}
	table#indices th span{
		display: inline;
		font-size: 1.6rem;
	}
	table#indices th p:last-child{
		font-size: 1.6rem;	
	}

	.in-wh01{
	  width: 30%;
	}
	.in-wh02{
	  width: 14%;
	}

	.ir-ettl-year h4{
		margin: 0;
		font-size: 1.8rem;
	}
	.ir-ettl-year h4 span{
		font-size: 2.4rem;
	}
	.ir-ettl-year ol li{
		font-size: 1.8rem;
	}
	.ir-ettl-year ol li:last-child a{
		padding: 0 0 0 3.5rem;
		background-size: 20px;
		font-size: 1.6rem;
	}

}

@media only screen and (min-width: 1400px) {

	/* 単体経営指標 1400
	------------------------------*/
	table#indices{width: 100%;}

}

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

電子公告

----------------------------------------------------*/
#notice .notice-content h3,
#notice .financial-content h3{
  margin: 0 auto 4rem;	
}

/* 公告事項 SP 
-----------------------*/
.notice-content{
	padding:0 0 5rem;
}
#notice .notice-content h3{
  margin: 0 0 4rem;	
}
.notice-content h3 + p a{
	display: block;
	padding: 2rem;
	letter-spacing: 0.05em;
	border-radius: 0.5rem;
	border: 1px solid var(--blue);
	background: #fff url(../img/common-icon-pdf.png) no-repeat 90% center;
	color: var(--blue);
	font-size: 1.8rem;
}
.notice-content h3 + p a span{
	padding: 0 1rem;
	color: #444;
	font-size: 1.6rem;
}
.notice-content h3 + p a:hover{
	background: var(--blue) url(../img/common-icon-pdf.png) no-repeat 90% center;
	color: #fff;
}
.notice-content h3 + p a:hover span{
	color: #fff;
}
.notice-content h3 + p a br{
	display: block;
}
@media only screen and (min-width: 480px) {
	.notice-content h3 + p a br{
		display: none;
	}
}

/* 決算公告書 SP 
-----------------------*/
.financial-content{
	padding: 5rem 0;
	letter-spacing: 0.05em;
}
.financial-content h3 + p{
	padding: 0 0 2rem;
	line-height: 2;
	letter-spacing: 0.05em;
	font-size: 1.6rem;
}
.financial-content h3 + p span{
	display: block;
	padding: 0 0 2rem;
}
.financial-content h3 + p + p a{
	display: block;
	padding: 2rem;
	border-radius: 0.5rem;
	border: 1px solid var(--blue);
	background: #fff url(../img/common-icon-open-blue.svg) no-repeat 90% center;
	background-size: 16px;
	color: var(--blue);
	font-size: 1.8rem;
}
.financial-content h3 + p + p a:hover{
	background: var(--blue) url(../img/common-icon-open-white.svg) no-repeat 90% center;
	background-size: 16px;
	color: #fff;
}
.financial-content .edine-code{
	padding: 1rem 0 0 2rem;
	font-size: 1.4rem;
}

@media only screen and (min-width: 1000px) {

	#notice .notice-content h3,
	#notice .financial-content h3{
	  margin: 0 0 6rem;	
	}

	/* 公告事項 1000 
	-----------------------*/
	.notice-content{
		padding: 10rem 12rem 10rem 0;
	}
	.notice-content h3 + p a{
		padding: 3rem 5rem;
		background: #fff url(../img/common-icon-pdf.png) no-repeat 90% center;
		font-size: 2.4rem;
	}
	.notice-content h3 + p a span{
		padding: 0 2rem;
		font-size: 1.8rem;
	}

	/* 決算公告書 1000 
	-----------------------*/
	.financial-content{
		padding: 0 12rem 10rem 0;
	}
	.financial-content h3 + p{
		padding: 0 0 2rem;
		letter-spacing: 0.05em;
		font-size: 2.1rem;
	}
	.financial-content h3 + p + p a{
		padding: 3rem 5rem;
		font-size: 2.4rem;
		background: #fff url(../img/common-icon-open-blue.svg) no-repeat 90% center;
		background-size: 24px;
	}
	.financial-content h3 + p + p a:hover{
		background: var(--blue) url(../img/common-icon-open-white.svg) no-repeat 90% center;
		background-size: 24px;
	}
	.financial-content .edine-code{
		padding: 1rem 0 0 5rem;
		font-size: 1.6rem;
	}


}