@charset "utf-8";

.ceo .visual-box .bg-box {
	background-image: url("/assets/images/annualReports/2025ar/ceo_photo1_sp.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: calc((560 / 1024) * 100%);
}

.ceo .visual-box .txt-box {
	color: #51656f;
	line-height: 1.4;
	padding: 0 4%;
	margin-bottom: 0.5em;
}

.ceo .visual-box .txt-box .text {
	font-size: max(5.2vw, 125.00%);
	/* 20px */
	margin-bottom: 1em;
}

.ceo .visual-box .title-box {
	clear: both;
	overflow: hidden;
	margin-bottom: 1em;
}

.ceo .visual-box .title-box>.inner {
	/*float: right;*/
	max-width: 270px;
	font-size: 2.6vw;
}

.ceo .visual-box .title-box>.inner .title {
	font-size: 87.50%;
	/* 14px */
	;
}

.ceo .visual-box .title-box>.inner .name {
	font-size: 2em;
}

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

	/* tab pc */
	div.ceo .visual-box {
		overflow: hidden;
	}

	div.ceo .visual-box .txt-box {}

	div.ceo .visual-box .txt-box .text {
		font-size: 3.8vw;
		font-weight: bold;
	}

	div.ceo .visual-box .title-box>.inner {
		font-size: 1em;
	}
}

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

	/* pc */
	div.ceo .visual-box {
		max-width: 1280px;
		margin: 0 auto;
	}

	div.ceo .visual-box .bg-box {
		background-image: url("/assets/images/annualReports/2025ar/ceo_photo1.jpg");
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center top;
		padding-top: calc((700 / 1280) * 100%);
		padding-bottom: 0;
		background-color: #262a33;
		position: relative;
		z-index: 1;
	}

	div.ceo div.visual-box .txt-box {
		position: absolute;
		z-index: 1;
		left: 15%;
		top: 0;
		height: 100%;
		width: min(40vw, 36%);
		margin: 0;
		padding: 0;
		color: #58656E;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	div.ceo div.visual-box .txt-box .item-box {
		margin-top: -100px;
	}

	div.ceo .visual-box .title-box {
		padding: 0 2em 0 0;
		font-weight: bold;
	}

	div.ceo .visual-box .title-box>.inner {
		font-size: 1.25vw;
	}
}

@media (min-width: 1300px) {

	/* design */
	div.ceo div.visual-box .txt-box .text {
		font-size: calc((44 / 16) * 100%);
		/* 44px */
	}

	div.ceo div.visual-box .title-box>.inner {
		font-size: 1em;
	}
}

/* ceo nav */
.ceo .nav-box {
	background-color: #dcdfe0;
	padding: 24px 2%;
}

.ceo .nav-box .ttl {
	font-size: 20px;
	margin-bottom: 8px;
}

.ceo .nav-box ul li {
	display: inline-block;
	margin-right: 2em;
	text-indent: -1em;
	margin-left: 1em;
}

.ceo .nav-box ul li a {
	padding: 4px 0;
	text-indent: 0;
	margin-left: 0;
}

@media (min-width: 1024px) {

	/* pc */
	div.ceo .nav-box ul li a {
		padding: 2px;
	}
}

/* ceo sec */
.ceo .sec {
	padding-top: 96px;
	/* fixed nav height */
}

.ceo .sec+.sec-border-top {
	margin-top: 80px;
}

@media (min-width: 1024px) {

	/* pc */
	div.ceo .sec+.sec-border-top {
		/* margin-top: 80px; */
	}
}

.ceo .sec-sub+.sec-sub {
	margin-top: 2.5em;
}

@media (min-width: 1024px) {

	/* pc */
	div.ceo .sec-sub+.sec-sub {
		margin-top: 4em;
	}
}

.ceo .sec-border-top {
	border-top: 1px solid #000;
}

/* heading */
.ceo .sec .heading-box-a {
	font-size: 180.00%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}

.ceo .sec .heading-box-a span {
	font-size: 60.00%;
	/* 24px */
	color: #e40012;
	display: block;
	margin-bottom: 1em;
}

.ceo .sec .heading-box-a small {
	font-size: 70.00%;
	display: block;
	margin-top: 0.5em;
}

.ceo .sec .heading-box-b {
	font-size: 112.50%;
	/* 18px */
	font-weight: bold;
	margin-bottom: 1em;
}

.ceo .sec .sec-txt-box {
	line-height: 1.6;
	max-width: 760px;
	margin: 0 auto;
}

.ceo .sec .sec-txt-box>p+p {
	margin-top: 24px;
}

.ceo .sec .sec-txt-box .note-box {
	font-size: 12px;
}

.ceo .sec .sec-img-box {
	text-align: center;
	padding-top: 64px;
	margin-bottom: 24px;
}

.ceo .sec .sec-img-box+.sec-img-box {
	margin-top: 3em;
}

.ceo .sec .sec-img-box .img-border {
	border: 1px solid #9e9e9e;
}

.ceo .sec .sec-img-box .inner-box {
	display: inline-block;
	text-align: left;
}

.ceo .sec .sec-img-box .img-title {
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.5em;
}

.ceo .sec .sec-img-box .img-title .small {
	font-size: 0.75em;
}

@media (max-width: 768px) {
	.ceo .sec .heading-box-a {
		font-size: 140.00%;
		font-weight: bold;
		text-align: center;
		margin-bottom: 1em;
	}

	.ceo .sec .heading-box-a span {
		font-size: 80.00%;
		/* 24px */
		color: #e40012;
		display: block;
		margin-bottom: 0.5em;
	}
}