@charset "utf-8";

.mv {
	width: 1000px;
	height: 400px;
	background-image: url(/assets/images/pages/aboutus/sustainability/social/diversity_inclusion/mv.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.imgTxtBox .conscious h3{
	text-align: center;
	font-size: 20px;
	padding: 10px;
	background-color:#facd93;
	font-weight: bold;
}

.imgTxtBox .conscious .text--main{
	color:#eb6120;
	font-weight: bold;
}

.imgTxtBox .conscious .contents{
	padding-bottom:0;
	background: url(/assets/images/pages/aboutus/sustainability/social/diversity_inclusion/arrow_o.png) no-repeat center bottom;
	height:700px;
}


.imgTxtBox .conscious .contents2025{
	padding-bottom:0;
	background: url(/assets/images/pages/aboutus/sustainability/social/diversity_inclusion/arrow_o.png) no-repeat center;
	height:990px;
}


.imgTxtBox .challenge h3{
	text-align: center;
	font-size: 20px;
	padding: 10px;
	background-color:#c6b7d9;
	font-weight: bold;
}

.imgTxtBox .challenge .text--main{
	color:#b71a86;
	font-weight: bold;
}

.imgTxtBox .challenge .contents{
	padding-bottom:0;
	background: url(/assets/images/pages/aboutus/sustainability/social/diversity_inclusion/arrow_p.png) no-repeat center bottom;
	height:700px;
}

.imgTxtBox .challenge .contents2025{
	padding-bottom:0;
	background: url(/assets/images/pages/aboutus/sustainability/social/diversity_inclusion/arrow_p.png) no-repeat center bottom;
	height:990px;
}

.imgTxtBox .worklife h3{
	text-align: center;
	font-size: 20px;
	padding: 10px;
	background-color:#bae3f9;
	font-weight: bold;
}

.imgTxtBox .worklife .text--main{
	color:#006fbc;
	font-weight: bold;
}

.imgTxtBox .worklife .contents{
	padding-bottom:0;
	background: url(/assets/images/pages/aboutus/sustainability/social/diversity_inclusion/arrow_b.png) no-repeat center bottom;
	height:700px;
}

.imgTxtBox .worklife .contents2025{
	padding-bottom:0;
	background: url(/assets/images/pages/aboutus/sustainability/social/diversity_inclusion/arrow_b.png) no-repeat center bottom;
	height:990px;
}

* --------------------------------------------------
numList-di
-------------------------------------------------- */
.cntSec .numList-di {
  display: table;
  width: 100%;
  position: relative;
  margin: 30px auto 25px;
}
.cntSec .numList-di .icon {
  display: table-cell;
  width: 64px;
  line-height: 1;
  font-family: Verdana, ���C���I, sans-serif;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
.cntSec .numList-di .icon .iconNum {
  display: block;
  width: 64px;
  height: 64px;
  font-size: 40px;
  line-height: 60px;
  color: #1d3550;
}
.cntSec .numList-di .iconTxt {
  display: table-cell;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 18px;
  color: #1d3550;
  line-height: 1.3;
  vertical-align: middle;
}

.cf{
	flex-wrap: nowrap;
}

/* 2026/2/18 add */
.arrow_top {
	width: 425px;
	height: 95px;
	margin-top: -10px;
	background: url(/assets/images/pages/aboutus/sustainability/social/diversity_inclusion/arrow_o.png) no-repeat center bottom / cover;
}

.dotted-line {
	border: 2px dashed #999999;
}
/* // */

/* ==================================================
display
================================================== */
.pc_dispF  { display: flex !important; }

/* ==================================================
acd
================================================== */
.details {
	border-top: 2px solid #b7ccd9;
	border-left: 2px solid #b7ccd9;
	border-right: 2px solid #b7ccd9;
	&:last-of-type {
		border-bottom: 2px solid #b7ccd9;
	}
}
.details-summary {
	position: relative;
	display: block;
	padding: 20px;
	color: #1d3550;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	&:hover {
		cursor: pointer;
		opacity: 0.8;
	}
	.btn {
		position: absolute;
		top: 37%;
		right: 4%;
		width: 18px;
		height: 18px;
		transform-origin: center center;
		transition-duration: 0.2s;

		&:before,
		&:after {
			content: "";
			background-color: #6ddac4;
			border-radius: 10px;
			width: 18px;
			height: 4px;
			position: absolute;
			top: 7px;
			left: 0;
			transform-origin: center center;
		}
		&:before {
			width: 4px;
			height: 18px;
			top: 0;
			left: 7px;
		}
	}
	&.is-active {
		.btn {
			-webkit-transform: rotate(-180deg);
			transform: rotate(-180deg);
			&:before {
				content: none;
			}
		}
	}
}

.details-summary::-webkit-details-marker {
	display: none;
}

.details-content {
	padding: 20px;
	p {
		margin: 0 0 20px;
		color: #000;
		font-size: 18px;
		text-align: left;
		&:last-of-type {
			margin: 0 0 0;
		}
	}
}