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

/**********************************
  common
 **********************************/

body { 
	background-color:#ffffff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    line-height: 2;
	color:#000000;
}
body * { box-sizing:border-box;}
a {	webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	}
a:link, a:visited{ text-decoration:none; outline:none;}
a:hover { text-decoration:underline;}
ul, ol, dl { margin:0; padding:0;}
p { line-height:1.8em; margin:0; font-weight:normal; text-align:left;}
p a, li a { color:#9f0400;}
a.red  { color:#9f0400 !important; }
figure {
    margin: 1em auto 0;
}
figure img { width:100%; height:auto;}
.pure-g {
    letter-spacing: 0.02em;
    text-rendering: optimizespeed;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.button-secondary {
	background: rgb(105,173,233); /* this is a light blue */
			color:#FFFFFF !important;
        }
.button-xsmall { 
		font-size: 70%;
        }
.button-small {
            font-size: 85%;
        }
.textX-small { font-size:0.6em; font-weight:normal !important; }
.text-small { font-size:0.8em; font-weight:normal !important; }
.text-Center { text-align:center;}
.text-Right { text-align:right;}
.text-bold { font-weight:bold !important;}
.mt-2 { margin-top:2em;}
.mt-1 { margin-top:1em;}
.sp { display:none;}


.fa-clone { color:#CCCCCC !important;}

.border-dot { border-bottom:1px dotted #CCCCCC; padding-bottom:12px;}

.tableStyle01 { border:1px solid #CCCCCC; border-collapse:collapse; width:100%;}
.tableStyle01 th { background-color:#EfEfEf; font-weight:bold; padding:12px; border:1px solid #CCCCCC;}
.tableStyle01 th.tb1 { text-align:left;}
.tableStyle01 td { font-weight:normal; padding:12px; border:1px solid #CCCCCC;}
ol.num { padding-left:1.5em;}
ol.num li { list-style:outside decimal !important; font-weight:normal; }
.clear { clear:both;}

/****************************
  svg
 ****************************/
 
.logomark{fill:#FE0009;}
.logotext{fill:#0F2188;}

/****************************
  baselayout
 ****************************/
 

#main { 
	position:relative; 
	padding-left:220px;
}

.content {
    margin: 0 auto;
    padding: 0 0 3.0em;
    /*max-width: 800px;*/
    line-height: 1.6em;
	min-height: 70vh;
}
.content section { padding:3em 0;}


#footer {background-color:#f6f6f6;font-size:0.8rem;position:relative;z-index:200;}
#footer .pure-g.foot-nav { margin:0 2em; padding:2em 0;}
#footer .pure-g.foot-nav > div:nth-of-type(1){border-left:1px solid #dddddd; }
#footer .pure-g.foot-nav > div {padding:0 2em; border-right:1px solid #dddddd;}
#footer .pure-g.foot-nav > div ol, #footer .pure-g.foot-nav > div li{ list-style:none;}
#footer .pure-g.foot-nav > div dd {list-style:none; margin-left:0; }
#footer .pure-g.foot-nav a { color:#333;}
#footer .pure-g.foot-nav a i.fa-angle-right { font-weight:bold; color: #9f0400; padding-right:0.5em;}
#footer .pure-g.foot-nav > div dt a, #footer .pure-g.foot-nav > div dt { font-weight:bold; color:#75A348; }

/*#footer .pure-g.foot-nav > div a:hover { text-decoration:underline;}*/
#footer .pure-g.foot-nav > div dd { margin-bottom: 1em;}
#footer .pure-g.foot-subnav { background-color:#EFEFEF; padding:1em 2em; text-align: right;}
#footer .pure-g.foot-subnav ul li { display:inline-block; margin-right:1em; font-size:0.75rem; }
#footer .pure-g.foot-subnav ul li a { list-style:none; color:#333333; }
#footer #copyright{ text-align:left;}

.pagetop {
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index: 300;
    padding: 20px;
    text-align: center;
    background-color: #666666;
    background-color: rgba(104,155,54,0.9);
}
.pagetop a {
    color: #FFF; text-decoration:none;
}
.pagetop i {
    display: block;
}

.bn-container { width:94%; max-width:1280px;margin:0 auto; box-sizing:border-box; 
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row; /* Safari */
 	flex-direction:         row;
	-webkit-flex-wrap: wrap; /* Safari */
  	flex-wrap:         wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between; }


.bn-container .bn.pc-only { box-shadow:none; background-color:transparent;}
.bn-container .bn .box{ overflow: hidden;}
	
.bn-container .bn div.box h3 { text-align:left; margin-top:0;position:relative; margin-bottom:0;}

.bn-container .bn div.box ol { list-style:none; margin-top:1em;}
.bn-container .bn div.box ol li  { list-style:none; text-align:left;}
.bn-container .bn div.box ol li a { font-weight:normal; color:#333;}
.bn-container .bn div.box ol li a i { display:inline-block; color:#669933;padding-right:0.5em;}
.bn div.box h3 span { display:block; font-weight:normal; font-size:0.75em; position:absolute; right:0; top:0;}
.bn div.box h3 a { color:#000;}
.bn div.box h3 a .fa-angle-right { color:#669933; padding-right:0.5em; }
.bn div.box h3 i { font-size:1.2rem; color:#9f0400; padding-right:0.5em;}
.ir-index .bn { width:31%; }
.ir-index .bn { border:1px solid #CCCCCC;border-top:2px solid #669933; margin-bottom: 2em; }
.ir-index .bn.no-border{ border:none; margin:0}
.ir-index .bn .box { padding:1em 2em;}
.secondary .header { 
	height:auto;
	background:#ffffff;
	overflow:hidden;
	position:relative;
	border-top:3px solid #669933;
	}
.secondary .page-title{ 
	text-align:center; padding:4em;
	/*border-bottom:#EEEEEE 1px solid;*/
		}
.secondary .header span {
    width: 280px;
    height: 200px;
    padding: 3px 10px;
    background: #9f0400;
    display: block;
    position: absolute;
    bottom: -100px;
    right: -115px;
    text-transform: uppercase;
    transform: rotate(-45deg);
	z-index:1;
}
.secondary .header span.blue {
    width: 340px;
    height: 300px;
    padding: 3px 10px;
    background: #0f2188;
    display: block;
    position: absolute;
    bottom: -100px;
    right: -198px;
    text-transform: uppercase;
    transform: rotate(-45deg);
    z-index: 0;
}
.secondary .header span, .secondary .header span.blue { display:none ;}	/*title飾り取る*/
.secondary .page-title h1 { color:#333333; font-size:2.0rem;position:relative;line-height:1.4;}
.secondary .header .page-title h1 span { position: static;color:#333333; background:none; transform:none; display:inline;}
.secondary .pankuzu { width:100%; padding:0.25em 2%; background-color:rgba(104,155,54,0.2);}
.secondary .pankuzu ul{ margin:0; padding:0; overflow:hidden;}
.secondary .pankuzu ul li { list-style:none; color:rgb(104,155,54); font-weight:bold; font-size:0.75rem; float:left; }
.secondary .pankuzu ul li:after { content:">"; padding:0 0.5em; color:#666666;font-weight: normal;}
.secondary .pankuzu a { color:#000000;}
.secondary .pankuzu ul li:last-child:after { display:none;}


.button-secondary { padding:0.5em 1em; color:#FFF; width:90%; border-radius:20px;} 

.news-list dl { list-style:none;  border-bottom:1px dotted #dddddd; font-weight:normal; overflow:hidden; }
.news-list dl a { color:#333333; padding:1em 0.5em; display: block;}.news-list dl a:hover { background: #EEEEEE;}
.news-list dl dt { width:16em; text-align:left; float:left;}
.news-list.lib dl dt { width:10em;}
.news-list dl span.tag { display: inline-block; margin:0 1em; width:6em; color:#ffffff; text-align:center; font-size:0.8em; border-radius:10px; }
.news-list dl dd{ margin-left:17em; text-align:left; }
.news-list.lib dl dd { margin-left:11em;}
.news-list dl dd.no-date { margin-left:0;padding:1em 0.5em; }
.news-list dl a > dd.no-date{padding:0 0.5em;}
.news-list dl dd .new { display: inline-block; padding:0 1em; border-radius:5px; background-color: crimson; color:#FFF;margin-left:0.5em;font-size: 0.8em; }
.news-list dl dd .typePdf:after {
    content: '';
    width: 21px;
    height:21px;
    background: url(../images/iconPdf.png) center no-repeat;
    background-size: auto;
    display: inline-block;
	vertical-align: middle;
}


.news-list dl.nolist dd { margin-left:0;}
.news-list dl.nolist { border:none; background:#f7f7f7; padding:1em;}
.tag.info { background-color:#3678C9;} 
.tag.ir_s { background-color:#59971C;} 
.tag.discro { background-color:#B22D00;}
.tag.Settle { background-color:#D9A300;} 
.tag.result { background-color:#D07BD7;}

#xj-select-year_s {margin-bottom: 1em;}

#type { list-style:none; text-align:left;margin-bottom:1em;}
#type li { display:inline-block; text-align:center;margin-right:1px; margin-bottom:1px;}
#type li a {padding:0.5em 1.0em; background-color:rgba(30,173,75,0.6); color:#fff; font-weight:normal; display:block;}
#type li a:hover, #type li.active a {background-color:rgba(30,173,75,1.0);}

#xj-mainlist .news-list.lib { margin-bottom: 2em;}
#xj-mainlist .news-list.lib:last-child { margin-bottom: 0:}

.secondary .pdf-box { overflow:hidden;}
.secondary .pdf-box img { float:left; margin-right:1em;}
.secondary .pdf-box p { margin-left:200px; text-align:left; font-weight:normal;}
.secondary .bn-container .bn .title-box { border-bottom:#659736 1px solid ; position: relative;padding:0 1em 0 0; margin-bottom:1em;} 
.secondary .bn-container .bn .title-box  h2 {
    font-size: 2.0em;
    line-height: 2.0;
	text-align:left;
	display:inline-block;
	padding:0 0.5em;
	margin:0;	
}
.secondary .bn-container .bn .title-box  h2:after {
	border-bottom: #003478 1px solid;
    position: absolute;
    left: 0;
    bottom: -1px;
    display: inline-block;
    content: " ";
    height: 1px;
    width: 33%;
}
.secondary .bn-container .bn .title-box .btn { position:absolute; display: inline-block; border-radius:25px; color:#FFFFFF; background-color:#659736;padding:0.5em 1em; right:1em;top:0.5em; }

.secondary .bn-container .bn .title-box .btn:hover { text-decoration: none;}

.secondary .bn-container .bn h4 { 
	text-align: left;
	margin-top:0;
	color:#9f0400;
	margin-bottom:1em;
	}

.secondary .bn-container .bn .table-style { overflow:hidden; padding-bottom:12px; border-bottom:1px dotted #CCCCCC; margin-bottom:12px;}
.secondary .bn-container .bn > .table-style:last-child { margin-bottom:0;}
.secondary .bn-container .bn .table-style dt {
	width:20%;
	float:left;
	text-align:left;
}
.secondary .bn-container .bn .table-style dd {
	margin-left:20%;
	text-align:left;
	font-weight:normal;	
}


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

.photo-box { padding-left:40px;}
.photo-box img { width:100%; height:auto;}

/*****************************
 株主メモ
*****************************/
.table01 dl { overflow: hidden;border-bottom: 1px dotted #dddddd;padding:0.5em 0; }
.table01 dl dt { float:left; display: block; width:20%; color:rgb(104,155,54); }
.table01 dl dd {margin-left:20%; width:80%; }

/*****************************
 faq
*****************************/
.ir-faq-body { margin-bottom: 2em;}
.ir-faq-body .recruit-faq-list dt { margin-bottom: 0.5em;}
.ir-faq-body .recruit-faq-list dt { color:#000000; text-decoration: none;font-size:1.2rem;}
.ir-faq-body .recruit-faq-list dt:before { content:"Q. "; font-size:1.6rem;color:#1EAD4B;}
.ir-faq-body .recruit-faq-list dd { margin-bottom: 2em;}
.ir-faq-body .recruit-faq-list dd { color:#000000; text-decoration: none;font-size:1.0rem;margin-left:0;text-indent: -2.3em;padding-left: 2.3em;}
.ir-faq-body .recruit-faq-list dd:before { content:"A. "; font-size:1.6rem;color:#e6001a;}


@media (max-width: 1280px) {

	/*.bn-container { width:1021px;}*/

}

@media (max-width: 1024px) {
	.pc-only {display:none; }
	#footer .pure-g.foot-nav > div:nth-of-type(4){border-left:1px solid #dddddd; }
	/*.bn-container { width:755px;}*/
	.bn-container .bn { padding:0;}
	
.ir-index .bn { width:31%; }
.ir-index .bn { border:1px solid #CCCCCC;border-top:2px solid #669933; margin-bottom: 2em; }
.ir-index .bn .box { padding:1em;}
}

@media (max-width: 768px) {
	#main { padding-left:0;}
	.sp { display:block;}
	#footer .pure-g.foot-nav { display:none;}
	#footer .pure-g.foot-subnav {
    text-align:center;
	-webkit-flex-direction: column-reverse; /* Safari */
  	flex-direction:         column-reverse;
}
	#footer #copyright{ text-align:center;}
	.bn-container { width:92%;}
.ir-index .bn { width:100%;padding:0; }
.ir-index .bn.pure-u-md-1-2 { width:48%; }
.ir-index .bn .box { padding:1em 2em;}
	.secondary .header .page-title h1 { font-size:2.0rem;}
	.secondary .bn-container .bn .table-style dt {
    width: 40%;
	}
	.secondary .bn-container .bn .table-style dd {
    margin-left: 40%;
    
	}
	.tableStyle01 th, .tableStyle01 td { font-size:90%; padding:8px;}
	
	.news-list dl dd {
    margin-left: 0;
	clear:both;
    text-align: left;
	}
	
	.photo-box { padding-left:0; margin-bottom: 1em;}
	.photo-box p { display: none;}
	.message-box.bn-container { width:94%; max-width:1280px;margin:0 auto; box-sizing:border-box; 
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: column-reverse ; /* Safari */
 	flex-direction:         column-reverse ;
	}

}

@media (max-width: 568px) {
	
	
	
	.pagetop {  
    bottom: 40px;
	}
	
	.secondary .header span {
    width: 100px;
    height: 100px;
    padding: 3px 10px;
    background: #9f0400;
    display: block;
    position: absolute;
    bottom: -50px;
    right: -60px;
    text-transform: uppercase;
    transform: rotate(-45deg);
    z-index: 1;
}
	.secondary .header span.blue {
    width: 200px;
    height: 200px;
    padding: 3px 10px;
    background: #0f2188;
    display: block;
    position: absolute;
    bottom: -105px;
    right: -160px;
    text-transform: uppercase;
    transform: rotate(-45deg);
    z-index: 0;
}
.secondary .header span,.secondary .header span.blue { display:none;}  	/*title飾り取る*/
	.secondary .page-title {
    padding: 1em;
	}
	.secondary .header .page-title h1 {
    margin:0;
	font-size: 1.5rem;
	}
	.secondary .section {
    padding: 1.5em 0 0;
	}
	.news-list dl dt {
    float: left;
    width: 100%;
    text-align: left;
	}
	.news-list dl dd.txt, .news-list.lib-list dl dd.txt { margin-left:0;padding-top:0.5em; text-align:left; clear:both; }
	#type li { width:49.5%;}
	
	
	.secondary .pdf-box img { float:none; margin-right:0;}
	.secondary .pdf-box p { margin-left:0; text-align:left; font-weight:normal;}
	.secondary .bn-container .bn .table-style dt {
	width:100%;
	float:none;
	text-align:left;
	}
	.secondary .bn-container .bn .table-style dd {
		margin-left:0;
		text-align:left;
		font-weight:normal;	
	}
	.ir-index .bn.pure-u-md-1-2 { width:100%; }
	.table01 dl dt { float:none; width:100%; }
	.table01 dl dd {margin-left:0 ;width:100%; }
}

/****************************
   TOP
 ****************************/

/*.header.bn-container {
     margin: 0 auto;
	 padding-top:2.0em;
	 padding-bottom:1.0em;
     color: #333;
     text-align: center;
	 position:relative;
	 display: table;
	 
 }
.header #main-visual {
	position:relative;
	width:auto;
	display:table-cell;
	padding-right:1em;
}

.header #main-visual .txt-area {
	position:absolute;
	top:20%;
	width:100%;
	margin:auto;
	text-align:center;
	color:#000000;
}
.header #main-visual .txt-area > div { 
	display:inline-block;
	background:rgba(255,255,255,0.5);
	padding:10px 2em 20px 2em;
	width:auto;
	margin:0 auto;
}
.header #main-visual .bxslider > li:nth-of-type(1) .txt-area > div {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    display: inline-block;
    margin: 0 auto 0 40%;
    padding: 10px 2em 20px;
    width: auto;
}
.header #main-visual .txt-area h1 span { font-size:0.7em; display: inline-block; margin-right:0.5em;}

.header #main-visual .txt-area p { padding:0 1em;}

.header #main-bn-area {display:table-cell; width:260px; vertical-align:top; }
.header #main-bn-area ol li {
	list-style:none;
	margin-bottom:1em;
}

.header #main-bn-area ol li img { width:100%; display:block;}

.header #main-bn-area ol li.bn-library { border:1px solid #FFFFFF; background-color:#e1eff3;box-sizing:border-box; padding-bottom:1em;}

.header #main-bn-area ol li.bn-library h3 { width:100%; background-color:#FFFFFF; margin-top:0; text-align:left; padding:0 0.5em;}
.header #main-bn-area ol li.bn-library h3 span { line-height:1.0em; }
.header #main-bn-area ol li.bn-library h3 i { color:#0f2188; font-size:1.2rem; padding-right:0.5em; font-weight:normal;}

#top .section { padding:1em 0; }

#top-index { padding-top:1em;}
#top-index .bn-container .bn { width:32%; box-sizing:border-box; }
#top-index .bn-container .bn a { color:#333333;}
#whatsnew .news-list { display:block; width:100%; } 


#library-index .bn div.box ol li { border:4px solid #e0e0e0; text-align:center; padding:1.5em; width:32%; margin-bottom:1em; float:left;}
#library-index .bn div.box ol li.bn-library { display:none;}
#library-index .bn div.box ol li.no-border {
    border: none;
}
	
#pickup .bn-container .bn { display:block;text-decoration:none; color:#000; text-align:center; font-weight:bold;background-color:#dcdcdc; box-shadow: 0 1px 4px rgba(0,0,0,0.2);padding: 1.5em; 
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;}
	
#pickup .bn-container .bn div.box h3 { border-bottom:none;}

#pickup .bn-container .bn div.box ol { 
	display: block;
	width:96%; margin:0 auto;
 }

#pickup .bn-container .bn div.box ol li { width:22%;border:2px solid #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,0.2); display:inline-block; margin:0 1%;}
#pickup .bn-container .bn div.box ol li img { display:block; width:100%; height:auto;}
*/
  

@media (max-width: 1024px) {
#top .header.bn-container {
    margin: 0 auto;
    padding: 2.0em 0 0 0;
    padding-bottom: 1.0em;
    color: #333;
    text-align: center;
    position: relative;
    display: table;
	width:auto;
	max-width:92%;
}
.header, .header #main-visual { margin-bottom:1em;}
.header, .header #main-visual, .header #main-bn-area { width:100%; display:block; padding-right:0;}
.header #main-bn-area ol {
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-direction: row; /* Safari */
		flex-direction:         row;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap:         wrap;
		-webkit-justify-content: space-between; /* Safari */
		justify-content:         space-between;		
		}
	.header #main-bn-area li { float:left;width:31%; }
	.header #main-bn-area li.bn-library { padding-bottom:0.2em;max-height:83.33px; }.header #main-bn-area ol li.bn-library h3{ margin-bottom:0.5em;}
	.header #main-bn-area ol li.bn-library h3 i {font-size:0.9rem;}
	.header #main-bn-area ol li.bn-library h3 span { font-size:0.9rem;}
	.header #main-bn-area li.bn-library button.pure-button { font-size:0.8em;}
	.header #main-bn-area li.bn-library button br { display:none;}.header #main-bn-area li.bn-library button i { padding-right:0.5em;}
	
	#pickup .bn-container .bn div.box ol li { 
		width:47%; margin:0 1% 1em;
 	}
}
@media (max-width: 768px) {

	.header #main-visual .txt-area > div { 
	padding:0 20px 20px 20px;
	}
	.header #main-visual .txt-area {
			position:absolute;
			top:25%;
			width:100%;
			margin:auto;
			text-align:center;
			color:#000000;
	}
		.header #main-visual .txt-area h1 { font-size:1.2rem; margin-bottom:20px;}
		.header #main-visual .txt-area p { font-size:0.75rem; padding:0 0.5em;}
		.header #main-visual .txt-area p br { display:none;}
		.header #main-bn-area li { float:none;width:48%; display:inline-block; }
		.header #main-bn-area li.bn-library {display:none;}
  #top-index .bn-container .bn { width:100%; margin-bottom:2em;}
  #top-index .bn-container .bn:last-child { margin-bottom:0;}
  #library-index .bn div.box ol li { width:49%;}
  #library-index .bn div.box ol li.bn-library {
	  display:block;
	  width: 100%;
	  border-color:#adcde4;
  	}
  
  #calendar figure { display:none;}
  #calendar h3 { margin-bottom:0;}
  

}
@media (max-width: 568px) {
	.header #main-visual .txt-area > div { width:100%; height:100%; }
	.header #main-visual .txt-area {
		top:0;
	}
	#library-index .bn div.box ol li { width:100%;}

	#pickup .bn-container .bn div.box ol li { 
		  width:auto; max-width:220px; margin:0 auto 1em; 
		  text-align:center;
 	}
	#pickup .bn-container .bn div.box ol li img { max-width:220px;}
	.header #main-visual .txt-area h1 { margin:0; padding:0;}
	.header #main-visual .txt-area p { display:none;}
	.header #main-visual .txt-area > div {
    display: inline-block;
    background: rgba(255,255,255,0.7);
    padding: 10px ;
    width: 100%;
    margin: 18% auto;
	}
	.header #main-visual .bxslider > li:nth-of-type(1) .txt-area > div {
    background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
    display: inline-block;
    margin: 15% auto 0 40%;
    padding: 10px 20px;
    width: auto;
	}
}
@media (max-width: 335px) {
.header #main-visual .txt-area h1 { font-size: 1.0em; margin-bottom:20px; white-space:nowrap;}
}

/****************************
   CORPORATE SHARES
****************************/

#corp-index .bn-container .bn { width:32%; box-sizing:border-box;padding:0; margin-bottom:36px; }
#corp-index .bn-container .bn img { width:100%; height:auto; border-bottom: 2px solid #9f0400; }
#corp-index .bn-container .bn a { color:#333333; }
#corp-index .bn-container .bn .box { padding:10px 24px; }
#corp-index .bn-container .bn .box h3 { border-bottom:none; margin-bottom:0;}
#corp-index .bn-container .bn figure { padding:24px 10%; text-align:center;}
#corp-index .bn-container .bn figure i { font-size:5rem;color:#0f2188;color:rgba(0,63,152,0.5);font-weight:normal;}
#corp-index .bn-container .bn figure i:before { display:inline-block; line-height:1;}

@media (max-width: 1024px) {
	#corp-index .bn-container .bn { width:48%; margin-bottom:2em;}
}


@media (max-width: 768px) {
	#corp-index .bn-container .bn { width:100%; margin-bottom:2em;}
	#corp-index .bn-container .bn:last-child { margin-bottom:0;}
}


/****************************
   HIGHLIGHT
****************************/

.bn.graph-container { 
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row; /* Safari */
 	flex-direction:         row;
	-webkit-flex-wrap: wrap; /* Safari */
  	flex-wrap:         wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}
.graph-container .box { width:48%; margin-bottom:2em;}

.graph-container .box.pure-u-lg-1-3 { width:32%;} 
.graph-container .box.pure-u-lg-1-3 img { width:90%; max-width:280px;}
.graph-container .box.pure-u-lg-2-3 { width:64%;} 

.graph-container .box table { border:1px solid #CCCCCC; border-collapse:collapse;width:100%;}
.graph-container .box table td { border:1px solid #CCCCCC; padding:5px; font-weight:normal;font-size:90%; text-align:right;}
.graph-container .box table td.xj_chart_header, .graph-container .box table td.xj_chart_header_first { background-color:#EfEfEf; text-align:center;}
.graph-container .box table td.xj_chart_header.title { text-align:left; padding:6px;}
.graph-container .box .unit-left { font-weight:normal; text-align:left;}
.graph-container .box .unit-right { font-weight:normal; text-align:right;}
.secondary .bn-container .graph-container .box h4 { text-align:center;background-color: #999999; color:#ffffff; padding:5px; margin:0 0 0.5em;}

.secondary .bn-container .graph-cap-container { margin-top:24px;}
.secondary .bn-container .graph-cap-container ol { padding-left:2em;}
.secondary .bn-container .graph-cap-container ol li { font-weight:normal;font-size:0.8rem;list-style: disc !important; padding-left:0;}
@media (max-width: 1100px) {
.graph-container .box table td { border:1px solid #CCCCCC; padding:4px; font-weight:normal;font-size:85%; text-align:right;}
}

@media (max-width: 1024px) {
.graph-container .box { width:100%;}

.graph-container .box.pure-u-1-1 { width:100% !important;} 
.graph-container .box table td { padding:6px;}	
}

@media (max-width: 568px) {
.graph-container .box table td { font-size:x-small;padding:6px 3px;}	
	
	@media (max-width: 320px) {
		.graph-container .box table td { font-size:xx-small;padding:6px 2px;}	
	}
}

/****************************
   LIBRARY
****************************/
.secondary .bn-container .news-list.lib-list{
		margin-bottom:24px;
	}
.secondary .bn-container > .news-list.lib-list:last-child{
		margin-bottom:0;
	}

/****************************
  SHARE
****************************/
#corp-index .bn-container.share-index .bn a:hover{ text-decoration:none;}
#corp-index .bn-container.share-index .bn a:hover h3 { color:#9f0400;}

#corp-index .bn-container.share-index .bn:nth-of-type(1) figure i {
	color: #60C1FF;
	color: rgba(96,212,255,1.00)
}
#corp-index .bn-container.share-index .bn:nth-of-type(2) figure i {
	color: #72EB78;
	color: rgba(114,235,120,1.00);
}
#corp-index .bn-container.share-index .bn:nth-of-type(3) figure i {
	color: #FFBD30;
	color: rgba(255,189,48,1.00);
}
#corp-index .bn-container.share-index .bn:nth-of-type(4) figure i {
	color: #FFADFC;
	color: rgba(255,173,252,1.00);
}
#corp-index .bn-container.share-index .bn:nth-of-type(5) figure i {
	color: #C4ADFF;
	color: rgba(196,173,255,1.00);
}

.secondary .bn-container .graph-container .box.w100 { width:100%;}
.secondary .bn-container .graph-container .box.w100 p { display:inline-block;width:50%; max-width:150px;}


/****************************
   IR CALENDAR
****************************/
.secondary .bn-container #XJTxtDPTitle {	
	text-align: left;
    border-bottom: 2px solid #9f0400;
    margin-top: 0;
    padding-bottom: 0.5em;
    position: relative;
	width:100%;
	margin-bottom:1.5em; 
	}
.secondary .bn-container .calendar-table { margin-top:2em;}
.secondary .bn-container #XJTxtDPDataTbl { width:100%; margin-bottom:1em;}
.secondary .bn-container #XJTxtDPDataTbl td { padding:0.5em 0; border-bottom:1px solid #dddddd; text-align:left; vertical-align:top;}
.secondary .bn-container #XJTxtDPDataTbl .XJTxtDPDataTblTdDate { width:20%; white-space:nowrap; padding-right:1em; }
.secondary .bn-container #XJTxtDPDataTbl .XJTxtDPDataTblTdValue { font-weight:normal; }

.secondary .bn-container #XJTxtDPLowerNote { text-align:left; font-weight:normal; font-size:0.7rem;}

.secondary .bn-container #XJTxtDPDataTbl .XJTxtDPDataTableTr.closingMonthLine td { border-bottom:none;}

.secondary .bn-container #XJTxtDPDataTbl .XJTxtDPDataTableTr.closingMonthLine td h3 { margin-top:24px; margin-bottom:0;}

.secondary .bn-container #XJTxtDPDataTbl .XJTxtDPDataTableTr.closingMonthLine:nth-of-type(1) td h3 { margin-top:0;}

@media (max-width: 568px) {
	.secondary .bn-container #XJTxtDPDataTbl,.secondary .bn-container #XJTxtDPDataTbl tbody,.secondary .bn-container #XJTxtDPDataTbl tr,.secondary .bn-container #XJTxtDPDataTbl td { display:block; width:100%;}
	.secondary .bn-container #XJTxtDPDataTbl .XJTxtDPDataTblTdDate { border-bottom:none; padding:0.5em 0 0 0;}
	.secondary .bn-container .calendar-img { display:none; }
	.secondary .bn-container .calendar-table { margin-top:0; }
}
/****************************
   FAQ
****************************/

.faq_list li { background-color: #f9f9f9; padding:24px; margin-bottom:2em;}
.secondary .bn-container .bn .faq_list li h3 {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 1.5em;
}
.secondary .bn-container .bn .faq_list li h3 i { color:#666666;}
.faq_list li h3:before { content:"Q."; color:#0f2188;padding-right:0.5em;}
.faq_list li h3.active i.fa.fa-caret-down:before { content: "\f0d8";}
.faq_list li .answer{ overflow:hidden; margin-top:2em;}
.faq_list li .answer dt { float:left; padding-left:1.5em; width:1.5em; color:#9f0400; font-size:1.17rem;}
.faq_list li .answer dd { margin-left:3.7em; text-align:left; font-weight:normal; }

/****************************
   IR-MAIL
****************************/
.irmail-btn { width:auto; margin-top:1em; padding:0.5em 1em; font-size:large;}

/****************************
   IR-SITEMAP
****************************/
.secondary .bn-container .bn.ir-sitemap  {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.secondary .bn-container .bn.ir-sitemap h3 a { color:#333333; text-decoration:none;}
.ir-sitemap .box { display:block;}
.ir-sitemap .box.pure-u-1-1 { width:100%;} 
.ir-sitemap .box.pure-u-lg-1-2 { width:48%;}
.ir-sitemap .box ol li:before {content:" - ";color:#999999; font-weight:normal; }
.ir-sitemap .box ol { margin-bottom:2em;}

@media (max-width: 768px) {
	.ir-sitemap .box.pure-u-lg-1-2 { width:100%;}
}
/****************************
   analyst
****************************/
#anaryst table td { text-align:left;}