@charset "utf-8";

.top {
	background-image: url("/assets/images/annualReports/2025ar/2025_top_photo1.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

.top .copy-box {
	text-align: center;
	padding: 10% 4% 8%;
}

.top .copy-box h1 {
	max-width: 550px;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {

	/* tab pc */
	div.top .copy-box {
		padding: 40px 6% 32px;
	}
}

@media screen and (max-width: 414px) {

	/* small sp */
	div.top div.copy-box {
		padding: 10% 4% 10%;
	}
}

/* top pdf link */
.top .top-pdf-box {
	text-align: center;
	margin-bottom: 40px;
}

@media (min-width: 1024px) {

	/* pc */
	div.top .top-pdf-box a:hover {
		opacity: 0.8;
	}
}

/* maincontent */
.top .maincontent-box {
	margin: 0 auto 48px;
	overflow: hidden;
}

.top .maincontent-box .item-box {
	/* max-width: 325px; */
	max-width: 650px;
	margin: 0 auto 40px;
}

.top .maincontent-box .ttl-box {
	color: #ffffff;
	background-color: #51656f;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
	z-index: 1;
}

.top .maincontent-box .ttl-box:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% - 0.2em);
	right: 0.8em;
	z-index: 0;
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
	width: 0.4em;
	height: 0.4em;
	transform: rotate(135deg);
}

.top .maincontent-box .ttl-box .inner {
	padding: 0.8em 1.5em 0.8em 0.8em;
}

.top .maincontent-box a {
	color: #ffffff;
	display: block;
}

.top .maincontent-box .text-box {
	padding-top: 1em;
}

.top .maincontent-box .text-box .text {
	font-size: 75.00%;
	/* 12px */
}

.top .maincontent-box .text-box .profile-box {
	border-top: #666666 solid 1px;
	margin-top: 0.5em;
	padding-top: 0.5em;
}

.top .maincontent-box .text-box .profile-box .title {
	font-size: 62.50%;
	/* 10px */
}

.top .maincontent-box .text-box .profile-box .name {
	font-size: 93.80%;
	/* 15px */
}

@media (min-width: 1130px) {

	/* design */
	div.top div.maincontent-box .item-box {
		-ms-flex-preferred-size: 480px;
		flex-basis: 480px;
	}
}

@media (min-width: 1024px) {

	/* pc */
	div.top .maincontent-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	div.top .maincontent-box .item-box {
		-ms-flex-preferred-size: calc((100% - 4%) / 2);
		flex-basis: calc((100% - 4%) / 2);
		position: relative;
		z-index: 1;
		padding-bottom: 3.5em;
		margin: 0 0 40px;
	}

	div.top .maincontent-box .item-box:nth-child(3),
	div.top .maincontent-box .item-box:nth-child(4) {
		padding-bottom: 0;
	}

	div.top .maincontent-box a {
		background-color: #fff;
	}

	div.top .maincontent-box a:hover img {
		opacity: 0.8;
	}

	div.top .maincontent-box .text-box .profile-box {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 1;
		width: 100%;
	}
}

@media screen and (min-width: 768px) {

	/* tab pc */
	div.top .maincontent-box .ttl-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 3.5em;
	}

	div.top .maincontent-box .ttl-box .inner {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		padding: 0 1em 0 0.8em;
	}
}

/* sub content */
.top .subcontent-box {
	margin-bottom: 88px;
}

.top .subcontent-box ul {}

.top .subcontent-box ul li {
	max-width: 480px;
	margin: 0 auto 1em;
}

.top .subcontent-box ul li+li {
	margin: 44px auto 0;
}

.top .subcontent-box ul li a {
	color: #fff;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 170px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}

.top .subcontent-box ul li.li01 a {
	background-image: url("/assets/images/annualReports/2025ar/2025_top_photo6.jpg");
}

.top .subcontent-box ul li.li02 a {
	background-image: url("/assets/images/annualReports/2025ar/2025_top_photo7.jpg");
}

.top .subcontent-box ul li a:after {
	content: " ";
	position: absolute;
	z-index: 0;
	left: 0;
	top: calc(50% - 1.8em);
	width: 100%;
	height: 3.6em;
	background-color: rgba(0, 0, 0, 0.6);
}

.top .subcontent-box ul li a>span {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	position: relative;
	z-index: 1;
	text-align: center;
	line-height: 1.3;
}

.top .subcontent-box ul li a .small {
	font-size: 0.8em;
}

@media (min-width: 1024px) {

	/* pc */
	div.top .subcontent-box {}

	div.top .subcontent-box ul li {
		background-color: #fff;
	}

	div.top div.subcontent-box ul li+li {
		margin: 0;
	}

	div.top .subcontent-box ul li a:hover {
		opacity: 0.8;
	}
}

@media screen and (min-width: 768px) {

	/* tab pc */
	div.top .subcontent-box ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	div.top .subcontent-box ul li {
		-ms-flex-preferred-size: 48%;
		flex-basis: 48%;
		margin: 0;
	}

	div.top .subcontent-box ul li+li {
		margin: 0 0 0 4%;
	}
}