@charset "UTF-8";

.test{
	color: red;
}

/* --diversity&inclusion-- */
.catch-fs {
  margin: 30px auto 20px;
  font-size: 28px;
}
.pc_fs60 {
	font-size: 60px !important;
}
.mv {
	width: 1000px;
	height: 400px;
	background-image: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/mv.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


/* --------------------------*/
/* --ロードマップ--*/

/* --2022--*/
/* --文字色--*/
.imgTxtBox .conscious .text--main{
	color:#eb6120;
}
.imgTxtBox .challenge .text--main{
	color:#b71a86;
}
.imgTxtBox .worklife .text--main{
	color:#006fbc;
}
/* --線--*/
.imgTxtBox .l-col {
	border-left: 1px solid var(--color-border);
}
.imgTxtBox .l-col:last-child {
	border-right: 1px solid var(--color-border);
}
/* --背景画像--*/
.imgTxtBox .conscious{
	background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_o.png) no-repeat center bottom;
	height:700px;
}
.imgTxtBox .challenge{
	background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_p.png) no-repeat center bottom;
	height:700px;
}
.imgTxtBox .worklife{
	background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_b.png) no-repeat center bottom;
	height:700px;
}

/* --2025--*/
/* --タイトル--*/
.imgTxtBox2025 .conscious h3{
	background-color:#facd93;
}
.imgTxtBox2025 .challenge h3{
	background-color:#c6b7d9;
}
.imgTxtBox2025 .worklife h3{
	background-color:#bae3f9;
}
/* --線--*/
.imgTxtBox2025 .l-col {
	border-left: 1px solid var(--color-border);
}
.imgTxtBox2025 .l-col:last-child {
	border-right: 1px solid var(--color-border);
}
/* --文字色--*/
.imgTxtBox2025 .conscious .text--main{
	color:#eb6120;
}
.imgTxtBox2025 .challenge .text--main{
	color:#b71a86;
}
.imgTxtBox2025 .worklife .text--main{
	color:#006fbc;
}

/* --背景・すきま--*/

.imgTxtBox2025 .conscious .acd-di__box{
	background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_o.png) no-repeat center;
	height:990px;
}
.imgTxtBox2025 .challenge .acd-di__box{
	background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_p.png) no-repeat center bottom;
	height:990px;
}
.imgTxtBox2025 .worklife .acd-di__box{
	background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_b.png) no-repeat center bottom;
	height:990px;
}
/* --------------------------*/

.arrow_top {
	height: 95px;
	margin-top: -10px;
	background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_o.png) no-repeat center bottom / cover;
}
.p-row--2column > .l-col:nth-child(1) {
  flex: 34 1 0%;
  overflow: hidden;
}
.p-row--2column > .l-col:nth-child(2) {
  flex: 66 1 0%;
}
.dotted-line {
	border: 2px dashed var(--color-gray-6);
}

/* ------------------------------
  SP（767px 以下）
------------------------------ */
@media screen and (max-width: 767px) {

	/* --diversity&inclusion-- */

	.catch-fs {
	  margin: 20px auto;
	  font-size: 18px;
	}
	
	.sp_fs30 {
		font-size: 30px !important;
	}

	.mv{
		width:100%;
		height: 270px;
		background-image:url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/mv_sp.jpg);
		background-repeat:no-repeat;
		background-position: top center;
	}


	/* --------------------------*/
	/* --ロードマップ--*/

	/* --2022--*/
	/* --線--*/
	.imgTxtBox .l-col{
	  margin-bottom: 10px;
	  padding: 15px;
	  border: 1px solid var(--color-border);
	}
	/* --背景画像--*/
	.imgTxtBox .conscious{
		padding-bottom:0;
		background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_o.png) no-repeat center bottom;
		height:650px;
	}
	.imgTxtBox .challenge{
		padding-bottom:0;
		background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_p.png) no-repeat center bottom;
		height:700px;
	}
	.imgTxtBox .worklife{
		padding-bottom:0;
		background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_b.png) no-repeat center bottom;
		height:450px;
	}
	
	/* --2025--*/
	/* --線--*/
	.imgTxtBox2025 .acd-di__box{
	  margin-bottom: 10px;
	  padding: 15px;
	  border: 1px solid var(--color-border);
	  border-top: none;
	}
	.imgTxtBox2025 .l-col {
		border-left: none;
	}
	.imgTxtBox2025 .l-col:last-child {
		border-right: none;
	}
	/* --背景画像--*/
	.imgTxtBox2025 .conscious .acd-di__box{
		background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_o.png) no-repeat center bottom;
		height:1050px;
	}
	.imgTxtBox2025 .challenge .acd-di__box{
		background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_p.png) no-repeat center bottom;
		height:1320px;
	}
	.imgTxtBox2025 .worklife .acd-di__box{
		background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/arrow_b.png) no-repeat center bottom;
		height:1100px;
	}
	/* --ボタン--*/
	.acd-di {
	  margin-bottom: 10px;
	}
	.acd-di__btn {
	  position: relative;
	  padding: 0px;
	  font-size: 14px;
	  color: #285184;
	  cursor: pointer;
	  background-color: #fff;
	  background-size: 24px 24px;
	  border: 1px solid var(--color-border);
	}
	.acd-di__btn:after {
	  content: "";
	  position: absolute;
	  right: 10px;
	  top: 0;
	  display: block;
	  width: 18px;
	  height: 100%;
	  background: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/icon_acordion_plus_navy.png) no-repeat center center;
	  background-size: 18px 18px;
	}
	.acd-di__box {
	  display: none;
	  padding: 15px;
	  background: #FFF;
	}

	/* active */
	.acd-di__btn.active {
	  color: #fff;
	  border: 1px solid #4676ce;
	}
	.acd-di__btn.active:after {
	  background-image: url(/assets/images/pages/company/aboutus/sustainability/social/diversity_inclusion/icon_acordion_minus_white.png);
	  background-size: 24px 24px;
	}
	
	/* --------------------------*/

}