@charset "utf-8";

/* title icon */
.feature2 .ttl-page-icon {
	border: none;
	padding: 0;
}

.feature2 .ttl-page-icon .icon {
	display: inline-block;
	margin-right: 0.4em;
	vertical-align: middle;
	position: relative;
	top: -0.08em;
}

/***************
2025はここから未使用
***************/

/* kv */
.feature2 .visual-box {
	background-color: #7b8d9b;
	color: #fff;
	padding: 40px 0;
}

.feature2 .visual-box .txt-box {
	margin-bottom: 40px;
}

.feature2 .visual-box .txt-box .catch {
	font-size: max(5.2vw, 125.00%);
	/* 20px */
	line-height: 1.4;
	margin-bottom: 0.5em;
}

.feature2 .visual-box .txt-box .text {
	font-size: 87.50%;
	/* 14px */
}

.feature2 .visual-box .member-box {
	padding: 0 4%;
	text-align: center;
}

.feature2 .visual-box .member-box ul {
	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;
}

.feature2 .visual-box .member-box ul li {}

.feature2 .visual-box .member-box ul li:nth-child(1) {
	position: relative;
	z-index: 2;
}

.feature2 .visual-box .member-box ul li:nth-child(2) {
	position: relative;
	z-index: 1;
}

.feature2 .visual-box .member-box ul li:nth-child(1),
.feature2 .visual-box .member-box ul li:nth-child(4) {
	-ms-flex-preferred-size: 57.3%;
	flex-basis: 57.3%;
}

.feature2 .visual-box .member-box ul li:nth-child(2),
.feature2 .visual-box .member-box ul li:nth-child(3) {
	-ms-flex-preferred-size: 41.7%;
	flex-basis: 41.7%;
}

/* underline */
.feature2 .visual-box .member-box ul li .img-box {
	position: relative;
	z-index: 1;
	margin-bottom: 0.5em;
}

.feature2 .visual-box .member-box ul li:nth-child(1) .img-box::after,
.feature2 .visual-box .member-box ul li:nth-child(4) .img-box::after {
	content: " ";
	display: block;
	background-color: #7b8d9b;
	width: 200%;
	height: 1px;
	position: absolute;
	z-index: 2;
	bottom: 0;
}

.feature2 .visual-box .member-box ul li:nth-child(1) .img-box::after {
	left: 0;
}

.feature2 .visual-box .member-box ul li:nth-child(4) .img-box::after {
	right: 0;
}

/* */
.feature2 .visual-box .member-box ul li:nth-child(1) {
	margin-bottom: 24px;
}

.feature2 .visual-box .member-box .title {
	font-size: 1em;
	/* 14px */
}

.feature2 .visual-box .member-box .name {
	font-size: calc((22/14) * 1em);
}

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

	/* tab pc */
	div.feature2 .visual-box .txt-box .catch {
		font-size: 3.8vw;
	}

	div.feature2 .visual-box .member-box {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0;
	}

	div.feature2 .visual-box .member-box ul li:nth-child(1),
	div.feature2 .visual-box .member-box ul li:nth-child(4) {
		-ms-flex-preferred-size: 28.4%;
		flex-basis: 28.4%;
	}

	div.feature2 .visual-box .member-box ul li:nth-child(2),
	div.feature2 .visual-box .member-box ul li:nth-child(3) {
		-ms-flex-preferred-size: 20.6%;
		flex-basis: 20.6%;
	}

	div.feature2 .visual-box .member-box ul li:nth-child(1) {
		margin-bottom: 0;
	}
}

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

	/* pc */
	div.feature2 .visual-box .txt-box .catch {
		font-size: min(3.5vw, 46px);
	}

	div.feature2 .visual-box .member-box ul li:nth-child(1) figcaption {
		padding-left: calc((100% - 1024px) / 2);
	}

	div.feature2 .visual-box .member-box ul li:nth-child(4) figcaption {
		padding-right: calc((100% - 1024px) / 2);
	}
}

@media (min-width: 1300px) {

	/* design */
	div.feature2 div.visual-box .txt-box .catch {
		font-size: calc((46 / 16) * 100%);
		/* 46px */
	}

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

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

	/* small sp */
	div.feature2 .visual-box .title-box {
		font-size: 3.4vw;
	}
}

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

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

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

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

@media (min-width: 1024px) {

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

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

	/* small sp */
	div.feature2 .nav-box ul li {
		margin-right: 0;
	}
}

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

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

@media (min-width: 1024px) {

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

/* heading */
.feature2 .sec .sec-title-box {
	color: #E50012;
	font-size: 137.50%;
	/* 22px */
	font-weight: bold;
	border-left: 3px solid #51656F;
	padding-left: 0.8em;
	min-height: 64px;
	margin-bottom: 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.feature2 .sec .ttl-box-b {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.feature2 .sec .sec-txt-box {
	line-height: 1.6;
}

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

.feature2 .sec .sec-txt-box>p+p.indent {
	margin-top: 0;
}

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

/* sec img */
.feature2 .sec .sec-img-box {
	text-align: center;
}

/* name color */
.feature2 .sec-txt-box .name01 {
	color: #c594bc;
	font-weight: bold;
}

.feature2 .sec-txt-box .name02 {
	color: #dc9977;
	font-weight: bold;
}

.feature2 .sec-txt-box .name03 {
	color: #5a8cc8;
	font-weight: bold;
}

.feature2 .sec-txt-box .name04 {
	color: #63aea7;
	font-weight: bold;
}

/***************
2025はここまで未使用
***************/


/***************
2025はここから使用
***************/
.talk-section {
	background: url("/assets/images/annualReports/2025ar/2025_sf2_1_name.jpg") no-repeat center top / cover;
	background-color: transparent !important;
	max-width: 1300px;
	min-height: 900px;
	margin: auto;
	position: relative;
}

.talk-section__header {
	position: relative;
}

.talk-section__header h2 {
	font-size: calc((55 / 16) * 100%);
	font-weight: bold;
	color: #58656E;
	text-align: center;
	line-height: 1.3;
}

.talk-section__text {
	display: flex;
	align-items: flex-end;
	max-width: 600px;
	height: 100%;
	margin: auto;
	position: absolute;
	right: 0;
	bottom: 120px;
	left: 0;
}

.talk-section__text p {
	font-size: calc((16 / 16) * 100%);
	color: #251E1C;
	line-height: 1.8;
}

@media (max-width: 768px) {
	.talk-section {
		background-image: url("/assets/images/annualReports/2025ar/2025_sf2_1_name_sp.jpg");
		max-width: 100%;
		min-height: 460px;
		padding: 20px 0 !important;
	}

	.talk-section__header h2 {
		font-size: 200%;
	}

	.talk-section__text {
		max-width: 100%;
		height: 100%;
		padding: 0 2%;
		bottom: 16px;
	}

	.talk-section__text p {
		font-size: 100%;
		line-height: 1.6;
	}
}

.dialogue-section {
	max-width: 760px;
	margin: 80px auto 0;
}

.dialogue-section--first {
	margin-top: 0;
}

.dialogue-section__header {
	position: relative;
}

.dialogue-section__header h2 {
	font-size: calc((30 / 16) * 100%);
	font-weight: bold;
	color: #251E1C;
	text-align: center;
}

.dialogue-section__header h2::after {
	background-color: #d9001d;
	display: block;
	content: "";
	width: 50px;
	height: 7px;
	margin: 16px auto 0;
}

.dialogue-section__content {
	margin-top: 32px;
}

.dialogue-section__content p {
	font-size: calc((14 / 16) * 100%);
	color: #251E1C;
	line-height: 1.8;
}

.dialogue-section__content p small {
	font-size: calc((12 / 16) * 100%);
}

.dialogue-section__content p+p {
	margin-top: 24px;
}

.dialogue-section__content p span {
	font-weight: bold;
}

.dialogue-section__name01 {
	color: #f68c5e;
}

.dialogue-section__name02 {
	color: #4491c9;
}

.dialogue-section__photo {
	max-width: 400px;
	height: auto;
	margin: 48px auto 0;
}

.dialogue-section__photo img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media (max-width: 768px) {
	.dialogue-section {
		max-width: 100%;
		margin: 56px 4% 0;
	}

	.dialogue-section__header h2 {
		font-size: 140%;
	}

	.dialogue-section__header h2::after {
		background-color: #d9001d;
		display: block;
		content: "";
		width: 40px;
		height: 6px;
		margin: 8px auto 0;
	}

	.dialogue-section__content {
		margin-top: 24px;
	}

	.dialogue-section__content p {
		font-size: 87.5%;
		line-height: 1.6;
	}

	.dialogue-section__content p small {
		font-size: 75%;
	}

	.dialogue-section__content p+p {
		margin-top: 16px;
	}

	.dialogue-section__photo {
		max-width: 100%;
		margin: 24px auto 0;
	}
}

/***************
2025はここまで使用
***************/