@charset "utf-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

IR CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/


.index .col_r .mainContent ul.banner {
	width: 101%;
	margin: 0 0 0 -1%;
}
.index .col_r .mainContent ul.banner li {
	width: 49%;
	float: left;
	margin: 0 0 1% 1%;
}
.index .col_r .mainContent ul.banner li a {
	display: block;
}
.index .col_r .mainContent ul.banner li:nth-child(n+5) {
	width: 32.3333333%;
	float: left;
	margin: 0 0 0 1%;
}
.col_r .mainContent p.ttl {
	margin: 50px 0 30px;
	padding: 0 0 5px;
	border-bottom: #DDD solid 2px;
	color: #3852A5;
	font-size: 16px;
}
.col_r .mainContent ul.newsList {
	margin:  0;
	padding: 0 0 50px;
}
.col_r .mainContent ul.newsList li {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: #DDD solid 1px;
}
.col_r .mainContent ul.newsList li span {
	padding: 0 20px 0 0;
	float: left;
}
.col_r .mainContent ul.newsList li span,
.col_r .mainContent ul.newsList li a {
	display: block;
}
.col_r .mainContent ul.newsList li a {
	padding-left: 140px;
}
.col_r .mainContent ul.newsList li a i {
	margin: 0 0 0 10px;
	color: #F55;
}

/*  Electronic public notice
-------------------------------------------------------*/
.e_pub .col_r .mainContent .cont {
	padding: 30px 0 60px;
}

/* President Message
-------------------------------------------------------*/
.president .col_r .mainContent img.img {
	width: 100%;
	max-width: 360px;
	float: right;
	margin: 0 0 20px 20px; 
}
.president p.days {
	margin: 30px 0 80px;
	padding: 0 185px 0 0;
	font-size: 1.4rem;
	text-align: right;
	background: url(../img/compliance/name.gif) right bottom no-repeat;
	background-size: contain;
}

/* IR Library
-------------------------------------------------------*/
/* タブメニュー */
.annual_r .col_r .mainContent #tab-menu {
	font-size: 0;
}
.annual_r .col_r .mainContent #tab-menu li {
	width: 50%;
	display: inline-block;
	padding: 5px;
	font-size: 1.6rem;
	text-align: center;
	background: rgba(56, 83, 165, 1);
	border: #FFF solid 1px;
	cursor: pointer;
	color: #FFF;
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.annual_r .col_r .mainContent #tab-menu li.active {
	background: rgba(56, 83, 165, .5);
}

/* タブの中身 */
.annual_r .col_r .mainContent #tab-box {
	padding: 50px 0;
}
.annual_r .col_r .mainContent #tab-box div {
	display: none;
}
.annual_r .col_r .mainContent #tab-box div.cont1 {
	padding: 0 0 150px;
}
.annual_r .col_r .mainContent #tab-box div.active {
	display: block;
}
.col_r .mainContent .newsList ul,
.annual_r .col_r .mainContent #tab-box div ul {
	margin: 25px 0;
}
.col_r .mainContent .newsList ul li,
.annual_r .col_r .mainContent #tab-box div ul li {
	padding: 0 0 5px;
	margin: 0 0 15px;
	border-bottom: #DDD solid 1px;
}
.col_r .mainContent .newsList ul li:last-child,
.annual_r .col_r .mainContent #tab-box div ul li:last-child {
	margin: 0;
}
.col_r .mainContent .newsList ul li span,
.annual_r .col_r .mainContent #tab-box div ul li span {
	display: block;
	padding: 0;
	float: left;
}
.col_r .mainContent .newsList ul li a,
.annual_r .col_r .mainContent #tab-box div ul li a {
	display: block;
	padding: 0 0 0 120px;
	text-align: left;
}
.col_r .mainContent .newsList ul li a i,
.annual_r .col_r .mainContent #tab-box div ul li a i {
	margin: 0 0 0 10px;
	color: #F55;
}
.col_r .mainContent .newsList p.year,
.annual_r .col_r .mainContent #tab-box div p.year {
	padding: 5px 5px 5px 10px;
	margin: 0;
	line-height: 1;
	border-left: #3853A5 solid 5px;
	border-bottom: #DDD solid 1px;
	color: #3853A5;
	font-weight: bold;
}

/* gyoseki
-------------------------------------------------------*/
.gyoseki .col_r .mainContent h2 + img,
.gyoseki .col_r .mainContent h2 + h3 + p + img {
	margin: 50px auto;
}
.gyoseki .col_r .mainContent img.graph1,
.gyoseki .col_r .mainContent img.graph5 {
	max-width: 735px;
}
.gyoseki .col_r .mainContent img.graph2,
.gyoseki .col_r .mainContent img.graph3,
.gyoseki .col_r .mainContent img.graph4 {
	max-width: 726px;
}
.gyoseki .col_r .mainContent a.icon {
	display: none;
}

/* newsList
-------------------------------------------------------*/
.newsList {
	margin: 0 0 50px;
}


/*
------------------------------------------------------------------------------------------------------------------ Pc Thin */

@media screen and (max-width: 1024px) {
	.president .col_r .mainContent img.img {
		max-width: 240px;
	}
	
	/* IR Library
	-------------------------------------------------------*/
	.annual_r .col_r .mainContent #tab-menu li {
		font-size: 1.3rem;
	}
}

/*
------------------------------------------------------------------------------------------------------------------ Tablet */

@media screen and (max-width: 768px) {
	.e_pub .col_r .mainContent .cont {
		padding: 50px 0;
	}
	.president .col_r .mainContent p.days {
		margin-bottom: 40px;
		padding: 0 0 7%;
		background-size: 20% auto;
	}

	/* IR Library
	-------------------------------------------------------*/
	.annual_r .col_r .mainContent #tab-menu li {
		font-size: 1.6rem;
	}
}

/*
------------------------------------------------------------------------------------------------------------------ Tablet Thin */

@media screen and (max-width: 600px) {
	/* IR Library
	-------------------------------------------------------*/
	.annual_r .col_r .mainContent #tab-menu li {
		width: 100%;
		font-size: 1.6rem;
	}
}

/*
------------------------------------------------------------------------------------------------------------------ SmartPhone */

@media screen and (max-width: 414px) {
	.index .col_r .mainContent ul.banner li {
		width: 100%;
		float: none;
		margin: 0 0 1%;
	}

	.index .col_r .mainContent ul.banner li:nth-child(n+5) {
		width: 49%;
		float: left;
		margin: 0 0 1% 1%;
	}
	.index .col_r .mainContent ul.newsList {
		margin: 25px 0 0;
		padding: 0 0 25px;
	}
	.president .col_r .mainContent img.img {
		width: 100%;
		max-width: none;
	}
	.president .col_r .mainContent p.days {
		margin: 20px 0;
		padding: 0 0 13%;
		background-size: 40% auto;
	}
	
	/* IR Library
	-------------------------------------------------------*/
	.annual_r .col_r .mainContent #tab-box {
		padding: 50px 0 30px;
	}
	.annual_r .col_r .mainContent #tab-box div.cont1 {
		padding: 0;
	}
	.annual_r .col_r .mainContent #tab-box div ul li span {
		display: block;
	}
	
	/* gyoseki
	-------------------------------------------------------*/
	.gyoseki .col_r .mainContent h2 + img,
	.gyoseki .col_r .mainContent h2 + h3 + p + img {
		margin: 50px auto 10px;
	}
	.gyoseki .col_r .mainContent a.icon {
		display: block;
	}
	.gyoseki .col_r .mainContent i.fa.fa-search {
		text-align: right;
		display: block;
		margin-bottom: 20px;
	}
}