@charset "utf-8";
/* CSS Document */

.icon_hotei {
	background:url(../img/common/news_icon_hotei.jpg) no-repeat;}
.icon_tanshin {
	background:url(../img/common/news_icon_tanshin.jpg) no-repeat;}
.icon_tekiji {
	background:url(../img/common/news_icon_tekiji.jpg) no-repeat;}
.icon_sonota {
	background:url(../img/common/news_icon_sonota.jpg) no-repeat;}
.icon_info {
	background:url(../img/common/news_icon_info.jpg) no-repeat;}
.icon_tenpo {
	background:url(../img/common/news_icon_tenpo.jpg) no-repeat;}
.icon_saiyo {
	background:url(../img/common/news_icon_saiyo.jpg) no-repeat;}
				


.btn_squ { background-color: #21ab37; color:#FFF; padding: 5px 30px 5px 25px;
    text-decoration: none;transition: all 0.3s ease 0s;}
	
.btn_squ:hover {
    background-color: #727171;
    color: #ffffff;
}

/*.message_bn { display:block; background:#000 url(../ir/images/ir_top_mes.jpg) left top no-repeat; width:100%; height:200px;text-decoration:none; position:relative;}
.message_bn:hover { opacity:0.8;}
a.message_bn .txt { position:absolute; left:60px; top:25px; width:20em;} 
a.message_bn h3 { font-weight:bold; margin-top:0; margin-bottom:20px;}a.message_bn p { color:#333;}
a.message_bn .btn_squ { position:absolute; left:60px; bottom:30px; }
*/
h3 { position:relative;}
.btn.news { display: inline-block; font-size:0.55em; margin-left:40px; vertical-align: bottom; padding:0; }
.btn.news a { display:block; width:100%;color:#FFF; text-decoration: none;background:url(../ir/images/arrow.png) 5px center no-repeat;background-color: #21ab37;text-align:center; padding: 5px 30px 5px 25px; border-radius: 4px;transition: all 0.3s ease 0s; box-sizing:border-box;}
.btn.news a:hover{     background-color: #727171;
    color: #ffffff;
}

.newslist { margin-left:10px;}.newslist .text { width:450px;}



#mainv_under_ir {
    background: rgba(0, 0, 0, 0) url("../img/main_v_under_ir.jpg") no-repeat scroll center center / cover ;
    height: 160px;
    position: relative;
}
.newslist { background-color:#F6F6F6; padding:20px;margin-left:0; position:relative;}.newslist div:last-child { margin-bottom:0;}
.newslist a ,.lib_tbl a{ text-decoration:none; color:#666; }.newslist a:hover ,.lib_tbl a:hover{ text-decoration:underline;} 

.newslist.top_news,.newslist.bn_news{background:none; padding:0;}
.newslist.top_news .text{width:380px;}

.newslist .btn.news{ 
	position:absolute; 
	margin-left:0; 
	display: inline-block;
    font-size: 0.8em;
    margin-left: 40px;
    padding: 0;
    vertical-align: bottom;
    width: 10em;
	right:0; top:-40px;
 }
.newslist .btn.news a { color:#FFF;}.newslist .btn.news a:hover { text-decoration:none;}
.btn.news:after { clear:both;}


.ir_index_container { 
	display: -webkit-flex; /* Safari */
	display: flex;
	 -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  }

.ir_index_container .index-flex-box { width:32%; padding-bottom: 10px
 }
.ir_index_container .index-flex-box.small { width:23.5%;}
.ir_index_container .index-flex-box a{ text-decoration:none;}
.ir_index_container .index-flex-box a h4 {  background:#21ab37 url(../ir/images/bg_index-h4.png) right bottom no-repeat; line-height:2.0; color:#FFF; padding-left:10px; font-size:14px; font-weight:bold;
box-shadow : 0px 0px 2px rgba(127, 127, 127, 0.75);
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#EFEFEF') ;
margin-bottom:2px;
transition: all 0.3s ease 0s;
}

.ir_index_container .index-flex-box a:hover h4 { color:#FFF; background-color: #727171;}
.ir_index_container .index-flex-box .p-box img { width:100%; height:auto;}
.ir_index_container .index-flex-box .p-box { margin-bottom:1em;}
.ir_index_container .index-flex-box ol { }
.ir_index_container .index-flex-box ol li a { background:url(../ir/images/arrow2.png) left center no-repeat; color:#333; text-decoration:none;transition: all 0.3s ease 0s; padding-left:15px;}
.ir_index_container .index-flex-box ol li a:hover { text-decoration:underline;} 


.news_tab_nav li{width:16.5%;}

.none{display:none;}
.cap{
	margin-top:15px;
	font-size:85%;
}

.pdfbox{
	box-sizing: border-box;
	padding:15px 20px;
	border:1px solid #ccc;
	width: 100%
}

.pdfbox img{
	margin-right:15px;
	margin-top:2px;
	padding:0 10px 10px 0;
}


/* faq */

.que{margin-bottom:80px;}

.que li{margin-bottom:10px;}

.que li a{
	font-size:120%;
	color:#333;
	text-decoration:none;
}

.que li a:hover{
	color:#21ab37;
	text-decoration:underline;
}

.que li span{
	color:#21ab37;
	font-size:160%;
	margin-right:5px;
}


/* IRカレンダー */

#XJTxtDPDataTbl {
	width: 100%;
	text-align: left;
}
#XJTxtDPDataTbl th {
	width: 20%;
	padding:20px 10px 20px 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	font-style:normal;
	font-weight:normal;
}
#XJTxtDPDataTbl td {
	padding:20px 10px 20px 10px;
	vertical-align:middle;
	border-bottom: 1px solid #ccc;
}
#XJTxtDPDataTbl .closingMonthLine td{
	padding:0;
	border-top:none;
}


/* 財務ハイライト */

#highlight.flex-box{
	display:-webkit-flex;
  display:flex;
	-webkit-flex-wrap:wrap;
  flex-wrap:wrap;
	-webkit-justify-content:space-between;
  justify-content:space-between;
}

#highlight.flex-box .graph{
	width:48%;
	margin-bottom:50px;
}

#highlight.flex-box .graph table{
	width:100%;
}

.XJSImage_Table .XJSImage_Title{
	color:#fff;
	background-color:#21AB37;
	padding:10px;
}

.XJSImage_Main{
	text-align:center;
}

.xj_chart_table{
	font-size:90%;
	border:1px solid gray;
}

.xj_chart_table td{
	padding:5px 2px;
}

.xj_chart_table .xj_chart_header,.xj_chart_header_first{
	background-color:#EAEAEA;
}

.xj_chart_header_first{width:10%;}



@media (max-width : 768px)  {
.ir_index_container .index-flex-box.small{
	width:32%;
}
	
.newslist .text {
	width: auto;
	float: none;
}
.newslist.top_news .text{width:auto;}

.xj_chart_table .xj_chart_header{
	word-break:break-all;
}
}

@media (max-width : 530px)  {
#highlight.flex-box .graph{
	width:100%;
}
}

@media (max-width : 480px)  {
.ir_index_container .index-flex-box,
.ir_index_container .index-flex-box.small{
	width:100%;
}
	
.news_tab_nav li{
	width:32%;
	margin-bottom:1px;
}
	
.pdfbox img{
	float:none
}
}

/*irライブラリ*/

.lib_tab_nav {
	margin-bottom: 20px;
	margin-top:10px;
}
.lib_tab_nav li {
	display: block;
	float: left;
	width: 16.5%;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 1px;
	background-color: #d0d0d1;
	position: relative;
	z-index: 0;
	font-size: 13px;
}

.lib_tab_nav li a {
	text-decoration: none;
	display: block;
	color: #000000;
}
.lib_tab_nav li a:visited {
	color: #000000;
}
.lib_tab_nav li a:hover {

	color: #ffffff !important;
	display: block;
}
.lib_tab_nav li:hover {
	background-color: #21ab37;
	color: #ffffff !important;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.lib_tab_nav li.active {
	background-color: #21ab37;
	color: #ffffff;
}
.lib_tab_nav li.active a {
	color: #ffffff;
}

.lib_tbl {
	width: 100%;
	text-align: left;
		border-top: 1px solid #ccc;

}
.lib_tbl th {
	width: 20%;
	padding:20px 10px 20px 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	font-style:normal;
	font-weight:normal;
}
.lib_tbl td {
	padding:20px 10px 20px 10px;
	vertical-align:middle;
	border-bottom: 1px solid #ccc;
}

/*faq*/
.faq_q {
	border-bottom:#21ab37 1px solid;
	padding-bottom:5px;
	font-size:1.2em;
	margin-bottom:10px;
			margin-top:2em;
}
.faq_q span {
	color:#21ab37;
	margin-right:0.5em;
		font-family: 'Roboto', sans-serif;
		font-size:1.6em;
}
.faq_a span {
		margin-right:0.5em;
				font-family: 'Roboto', sans-serif;
					color:#21ab37;
		font-size:1.2em;


}


.notice_tbl th {
	width: 28%;
}
.notice_eigyo{
	color: #EF7D44;
}
.notice_tenkyu{
	color: #EF7D44;
	font-size: 12.5px;
}

/*株主還元*/

.dividend_table table{
border-collapse: collapse;
font-size: 15px;
width: 100%;
color:#333333;
margin-bottom: 20px
}
.dividend_table table th{
border-bottom: #dcdddd 1px solid;
background-color: #FFEBD5;
text-align: left;
padding: 10px 20px;
}
.dividend_table table td{
background-color: #fff;
text-align: left;
padding: 10px 20px;
vertical-align: middle;
border-bottom: #B8B8B8 1px solid;
}
.clumn{
	display: flex;
}
.clumn .dividend_img {
	box-sizing: border-box;
	width: 80%

}.clumn .dividend_img img{
	padding-left: 20px;
	box-sizing: border-box;
	width: 100%
}
@media (max-width : 768px)  {
.clumn{
	display: block;
}
.clumn .dividend_img{
	margin: 20px auto;
	text-align: center
}
.clumn .dividend_img img{
	margin: 0 auto;
}
}

/*株主優待制度変更の概要*/
.dividend_txt {
	text-indent: -1em;
	padding-left: 1em;
}

/*中期経営計画*/
.portfolio {
	text-align: justify;
text-justify: inter-ideograph;
}

ul.plan_list{
	list-style: disc;
	padding-left: 20px;
	
}

ul.plan_list li, .portfolio ul li{
	line-height: 2.0em;
}
table.plan th{
	background-color: #FFFFFF;
	border-right: 1px solid #ccc;
	width: 33%;
}
table.plan .bg{
	background-color: #FFEBD5;
	text-align: center;
}
table.plan td {
	padding-left: 20px;
}