@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	IR情報
--------------------------------------------------------------------------------------- */

.ir-wrap {
	margin-bottom: 130px;
	margin-top: 80px;
}

.ir-inner { padding: 0 40px; }

.ir-inner .nikko-logo {
	display: flex;
	justify-content: center;
	margin-bottom: 52px;
	margin-left: auto;
	margin-right: auto;
}

.ir-inner .nikko-logo img { max-height: 150px; }

.ir-list h2 { text-align: center; }

.ir-list .news-list { margin-top: 30px; }

.ir-list .banner { margin: 48px auto 0; }

.ir-wrap .main-navi {
	background-color: var(--color-gray);
	margin-top: 88px;
	padding: 48px 40px;
}

.ir-wrap .main-navi ul {
	display: flex;
	flex-wrap: wrap;
}

.ir-wrap .main-navi li {
	background-color: #fff;
	box-shadow: 2px 3px 0 rgba(187, 187, 187, .4);
	display: block;
	margin-right: .9%;
	max-width: 32.722%;
	transition: var(--transition);
	width: 100%;
}

.ir-wrap .main-navi li:nth-of-type(3n) { margin-right: 0; }
.ir-wrap .main-navi li:nth-of-type(n+4) { margin-top: 12px; }

.ir-wrap .main-navi li a {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: space-between;
	padding: 28px 24px;
	text-align: center;
	transition: var(--transition);
	width: 100%;
}

.ir-wrap .main-navi li a svg,
.ir-wrap .main-navi li a div img { max-height: 50px; }

.ir-wrap .main-navi li a div img { transition: var(--transition); }

.ir-wrap .main-navi li a svg path { fill: var(--color-blue); }

.ir-wrap .main-navi li a p {
	background: url(../img/common/icon_arrow_circle_blue.svg) no-repeat right center / 26px 26px;
	font-weight: var(--Bold);
	min-height: 26px;
	padding-right: 38px;
	text-align: left;
	width: 75%;
}

.ir-wrap .main-navi li a .svg {
	text-align: center;
	width: 57px;
}

.ir-wrap .main-navi li a .stakeholder { width: 64px; }
.ir-wrap .main-navi li a .stakeholder img { max-height: 64px; }

@media (min-width: 1199px) {

	.ir-wrap .main-navi li:hover { background-color: var(--color-blue); }
	.ir-wrap .main-navi li:hover a { text-decoration: none; }
	.ir-wrap .main-navi li:hover a svg path { fill: #fff; }
	.ir-wrap .main-navi li:hover a p { color: #fff; }

	.ir-wrap .main-navi li:hover a div img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(134deg) brightness(104%) contrast(101%); }
}

.other-link-area {
	background-color: var(--color-gray);
	margin-top: 88px;
	padding: 40px 40px 48px;
	text-align: center;
}

.other-link-area dt {
	font-size: 2rem;
	font-weight: var(--Bold);
}

.other-link-area dd { margin-top: 18px; }

.other-link-area .banner {
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
}

.other-link-area .banner a span {
	align-items: center;
	display: flex;
	justify-content: space-between;
	width: 77%;
}

@media (max-width: 768px) {

	.ir-wrap {
		margin-bottom: 17.333vw;
		margin-top: 0;
	}

	.ir-inner { padding: 0 5.333vw; }

	.ir-inner .nikko-logo { margin-bottom: 6.933vw; }

	.ir-inner .nikko-logo img { max-height: 28vw; }

	.ir-list .news-list { margin-top: 5.333vw; }

	.ir-wrap .main-navi {
		margin-top: 13.333vw;
		padding: 8vw 5.333vw;
	}

	.ir-wrap .main-navi li {
		margin-right: 0;
		max-width: 100%;
	}

	.ir-wrap .main-navi li:nth-of-type(n+2) { margin-top: 3.267vw; }

	.ir-wrap .main-navi li a { padding: 5.6vw 5.333vw; }

	.ir-wrap .main-navi li a .svg {
		position: relative;
		width: 12vw;
	}

	/* .ir-wrap .main-navi li a svg { max-height: 17.333vw; } */

	.ir-wrap .main-navi li a p {
		padding-right: 8.333vw;
		width: 78%;
	}

	.other-link-area {
		margin: 17.333vw 5.333vw 0;
		padding: 8vw 5.333vw;
	}

	.other-link-area dt { font-size: 4vw; }

	.other-link-area dd {
		font-size: 3.467vw;
		margin-top: 2.667vw;
	}

	.other-link-area .banner { margin-top: 8.267vw; }

	.ir-wrap .main-navi li a .ircalendar img { width: 11vw; }
	.ir-wrap .main-navi li a .stakeholder { left: -1.333vw; width: 14vw; }
	.ir-wrap .main-navi li a .public img { width: 10vw; }
	/* .ir-wrap .main-navi li a .mail { left: -1.733vw; width: 16vw; }
	.ir-wrap .main-navi li a .mail img { max-height: 56px; } */

}