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

IR CSS

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


.col_r .mainContent ul.banner {
	width: 101%;
	margin: 0 0 0 -1%;
}
.col_r .mainContent ul.banner li {
	width: 49%;
	float: left;
	margin: 0 0 1% 1%;
}
.col_r .mainContent ul.banner li a {
	display: block;
}
.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;
}
/*.e_pub .col_r .mainContent .cont a {
	display: block;
	margin: 0 0 5px;
}*/
.e_pub .col_r .mainContent .cont a dl {
	position: relative;
	padding: 0 0 0 15px;
	font-size: 1.6rem;
}
.e_pub .col_r .mainContent .cont a dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
}
.e_pub .col_r .mainContent .cont a dd {
	padding: 0 0 0 95px;
}

/* 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: 172px auto;
}

/* IR Library
-------------------------------------------------------*/
/* タブメニュー */
.annual_r .col_r .mainContent #tab-menu {
	width: 101%;
	margin-left: -1%;
	font-size: 0;
}
.annual_r .col_r .mainContent #tab-menu li {
	width: 49%;
	margin: 0 0 1% 1%;
	display: inline-block;
	padding: 5px;
	font-size: 1.6rem;
	text-align: center;
	border: #DDD solid 1px;
	cursor: pointer;
	color: #3853A5;
	
	-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:hover,
.annual_r .col_r .mainContent #tab-menu li.active {
	background: #3853A5;
	color: #FFF;
}

/* タブの中身 */
.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 {
	display: block;
	padding: 0;
	float: left;
}
.col_r .mainContent .newsList ul li a  {
	display: block;
	padding: 0 0 0 120px;
	text-align: left;
}
.annual_r .col_r .mainContent #tab-box div ul li a {
	display: block;
	padding: 0;
	text-align: left;
    position: relative;
}
.annual_r .col_r .mainContent #tab-box div ul li a span {
    position: absolute;
    left: 0;
    top: 0;
}
.annual_r .col_r .mainContent #tab-box div ul li a p.the_title {
    padding: 0 0 0 120px;
    display: inline-block;
}
.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;
    display: inline-block;
}
.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;
	}
	.e_pub .col_r .mainContent .cont {
		padding: 30px 0 50px;
	}
	.e_pub .col_r .mainContent .cont a {
        display: block;
		margin: 0 0 10px;
        padding: 0 0 10px;
        border-bottom:  #DDD solid 1px;
	}
	.e_pub .col_r .mainContent .cont a dl {
		position: relative;
		padding: 0;
		font-size: 1.6rem;
	}
	.e_pub .col_r .mainContent .cont a dt {
		position: static;
		width: 100%;
	}
	.e_pub .col_r .mainContent .cont a dd {
		padding: 2px 0 0;
	}
}
@media screen and (max-width: 414px) {
    .annual_r .col_r .mainContent #tab-box div ul li a span {
        position: static;
    }
    .annual_r .col_r .mainContent #tab-box div ul li a p.the_title {
        display: block;
        padding: 0;
    }
}
/*
------------------------------------------------------------------------------------------------------------------ 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;
	}
    .col_r .mainContent ul.newsList li span {
        padding: 0;
        float: none;
    }
	/* 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;
	}
}