@charset "UTF-8";

.sus .first-content {
	padding-bottom: 100px;
}
.sus .section-ttl-header {
	margin-bottom: 30px;
}
.sus .intro-txt {
	padding: 0 0 80px;
}
.sus .intro-txt p {
	text-align: center;
}
.sus .grid-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sus .grid-row .txt {
	width: 45%;
}
.sus .grid-row .img {
	width: 50%;
}
.sus .grid-row .txt .block-ttl {
	font-size: 20px;
	color: var(--main-color);
	padding-bottom: 5px;
}
.sus .sub-block {
	margin-bottom: 80px;
}
/* ///////////////////  メッセージ */

@media screen and (max-width: 834px) {
	.sus .first-content {
		padding-bottom: 50px;
	}
	.sus .section-ttl-header {
		margin-bottom: 20px;
	}
	.sus  .intro-txt {
		padding: 0 0 40px;
	}
	.sus  .intro-txt p {
		text-align: left;
	}
	.sus .grid-row {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.sus .grid-row .txt {
		width: 100%;
		order: 2;
	}
	.sus .grid-row .img {
		width: 100%;
		max-width: 420px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.sus .grid-row .txt .block-ttl {
		font-size: min(6vw, 18px);
		color: var(--main-color);
		padding-bottom: 5px;
	}
	.sus .sub-block {
		margin-bottom: 80px;
	}
}


ol.count-parent {
  counter-reset: list;
  list-style-type: none;
	margin: 0 auto 20px;
}
ol.count-parent > li {
  position: relative;
  padding: 10px 0 4px 40px;
	margin-bottom: 20px;
}
ol.count-parent > li .list-ttl {
	font-weight: 600;
	font-size: 17px;
}
ol.count-parent > li .list-sub-ttl {
	font-size: 17px;
	color: var(--main-color);
}
ol.count-parent .pbm {
	padding-bottom: 1em;
}
ol.count-parent > li:before {
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: 0;
	line-height: 24px;
  width: 24px;
  height: 24px;
  background: #39992D;
  text-align: center;
  color: #fff;
  top: 13px;
}
ol.count-child li {
  list-style-type: none;
  counter-increment: cnt;
	padding-left: 40px;
	position: relative;
	line-height: 1.8em;
	margin: 4px 0 0;
}
ol.count-child li::before {
  content: "［"counter(cnt)"］";
	color: #39992D;
	left: 0;
	top: 0;
}
ul.list-squre li {
  list-style-type: none;
  counter-increment: cnt;
	padding-left: 15px;
	position: relative;
	line-height: 1.8em;
	margin: 4px 0 0;
}
ul.list-squre li::before {
	width: 6px;
	height: 6px;
	background: #39992D;
	left: 0;
	top: 11px;
}
@media (hover: hover) {
	.terms .third-block a:hover {
		text-decoration: none;
	}
}

@media screen and (max-width: 834px) {
	ol.count-parent {
		counter-reset: list;
		list-style-type: none;
		margin: 0 auto 20px;
	}
	ol.count-parent > li {
		position: relative;
		padding: 2px 0 2px 30px;
		margin-bottom: 15px;
	}
	ol.count-parent > li .list-ttl {
		font-weight: 600;
		font-size: 13px;
	} 
	ol.count-parent > li:before {
		counter-increment: list;
		content: counter(list);
		position: absolute;
		left: 0;
		line-height: 20px;
		width: 20px;
		height: 20px;
		background: #39992D;
		text-align: center;
		color: #fff;
		top: 6px;
	}
	ol.count-child {
		margin-left: -35px;
	}
	ol.count-child li {
		list-style-type: none;
		counter-increment: cnt;
		padding-left: 30px;
		position: relative;
		line-height: 1.8em;
		margin: 4px 0 0;
	}
	ol.count-child li::before {
		content: "［"counter(cnt)"］";
		color: #39992D;
		left: 0;
		top: 0;
	}
	ol.count-parent ul.list-squre {
		margin-left: -25px;
	}
	ul.list-squre li {
		list-style-type: none;
		counter-increment: cnt;
		padding-left: 15px;
		position: relative;
		line-height: 1.4em;
		margin: 4px 0 0;
	}
	ul.list-squre li::before {
		width: 6px;
		height: 6px;
		background: #39992D;
		left: 0;
		top: 6px;
	}
}

.toggle-box {
	position: relative;
	margin: 30px 0 0;
}
.toggle-box dt {
	padding: 15px 15px;
	border: solid 1px #000;
	transition: all .4s;
	cursor: pointer;
	position: relative;
}
.toggle-box dt p {
	position: relative;
	padding: 0 20px;
	font-size: 20px;
	line-height: 1.4em;
}
.toggle-box dt p:before {
	width: 4px;
	height: 100%;
	background: linear-gradient(#84c261 0%, #39992d 37.93%, #003400 100%);
	left: 0;
	top: 0;
}
.toggle-box dt:before {
	width: 16px;
	height: 16px;
	background-image: url("../img/corp_img/toggle-open.svg");
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.toggle-box dt.on:before {
	background-image: url("../img/corp_img/toggle-close.svg");
}
.toggle-box dd {
	display: none;
	padding: 3%;
}
@media screen and (max-width: 834px) {
	.toggle-box {
		position: relative;
		margin: 20px 0 0;
	}
	.toggle-box dt {
		padding: 10px 8px;
		border: solid 1px #000;
		transition: all .4s;
		cursor: pointer;
		position: relative;
	}
	.toggle-box dt p {
		position: relative;
		padding: 0 15px;
		font-size: 15px;
		line-height: 1.4em;
	}
	.toggle-box dt p:before {
		width: 4px;
		height: 100%;
		background: linear-gradient(#84c261 0%, #39992d 37.93%, #003400 100%);
		left: 0;
		top: 0;
	}
	.toggle-box dt:before {
		width: 16px;
		height: 16px;
		background-image: url("../img/corp_img/toggle-open.svg");
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
	.toggle-box dt.on:before {
		background-image: url("../img/corp_img/toggle-close.svg");
	}
	.toggle-box dd {
		display: none;
		padding: 3%;
	}
}
@media (hover: hover) {
	.toggle-box dt:hover {
		background: #F5FFF4;
		border: solid 1px #39992D;
	}
}



/* ///////////////////  人的資本への取り組み */

.hr .in-section {
	padding: 40px 0 100px;
}

@media screen and (max-width: 834px) {
	.hr .in-section {
		padding: 20px 0 30px;
	}
}

.to-about-bnr-wrap > p  {
	text-align: center;
	color: var(--main-color);
	padding-bottom: 5px;
}
.to-about-bnr {
	position: relative;
	width: 90%;
	margin: 0 auto;
	max-width: 500px;
}
.to-about-bnr .bnr-section-ttl,
.to-about-bnr .bnr-main-ttl {
	position: absolute;
	display: inline-block;
	z-index: 2;
	line-height: 1em;
	padding: 20px;
}
.to-about-bnr .bnr-section-ttl {
	top: 0;
	left: 0;
	font-size: 32px;
}
.to-about-bnr .bnr-section-ttl:before {
	width: 60px;
	height: 2px;
	background: #000;
	right: -45px;
	bottom: 20px;
	z-index: 3;
}
.to-about-bnr .bnr-section-ttl:after,
.to-about-bnr .bnr-main-ttl:after {
	width: 110%;
	height: 100%;
	background: #FFF;
	left: 0;
	top: 0;
	z-index: -1;
}
.to-about-bnr .bnr-main-ttl {
	bottom: 0;
	right: 0;
	font-size: 55px;
	min-width: 280px;
	text-align: right;
}
.to-about-bnr .bnr-main-ttl:before {
	width: 110%;
	height: 4px;
	background-size: 200% auto;
	background-position: center right;
	background-image: linear-gradient(90deg, rgba(57,153,45,1) 0%, rgba(57,153,45,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
	right: 0;
	bottom: 0;
	z-index: 3;
	transition: all .5s;
}
@media (hover: hover) {
	.to-about-bnr:hover .bnr-main-ttl:before {
		background-position: center left;
	}
}
@media screen and (max-width: 834px) {
	.to-about-bnr {
		width: 100%;
	}
	.to-about-bnr .bnr-section-ttl {
		font-size: 22px;
		padding: 10px;
	}
	.to-about-bnr .bnr-section-ttl:before {
		width: 30px;
		right: -25px;
		bottom: 10px;
	}
	.to-about-bnr .bnr-main-ttl {
		font-size: 30px;
		padding: 10px;
		min-width: 200px;
	}
}



.hr .pdf-links-style01 {
	margin: 50px auto 0;
}
.mng-plan {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
  gap: 2%;
}
.mng-plan li {
	width: 49%;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	border: solid 1px #000;
	position: relative;
	padding: 40px 30px;
	line-height: 1.4em;
	background: #FFF;
	transition: all .4s;
}
.mng-plan li:after {
	right: 10px;
	bottom: 10px;
	width: 10px;
	height: 10px;
	background-image: url("../img/common_img/arrow-black.svg");
}
.mng-plan li p {
	padding: 0 0 0 55px;
	position: relative;
}
.mng-plan li p:before {
	width: 40px;
	height: 50px;
	background-image: url("../img/common_img/icon-pdf.svg");
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
@media (hover: hover) {
	.mng-plan li:hover {
		background: #F5FFF4;
	}
}
@media screen and (max-width: 834px) {
	.hr .pdf-links-style01 {
		margin: 20px auto 0;
	}
	.mng-plan {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 2%;
	}
	.mng-plan li {
		width: 100%;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
		border: solid 1px #000;
		position: relative;
		padding: 20px 20px;
		line-height: 1.4em;
		background: #FFF;
		transition: all .4s;
	}
	.mng-plan li:after {
		right: 10px;
		bottom: 10px;
		width: 10px;
		height: 10px;
		background-image: url("../img/common_img/arrow-black.svg");
	}
	.mng-plan li p {
		padding: 0 0 0 35px;
		line-height: 1.4em;
		position: relative;
	}
	.mng-plan li p:before {
		width: 30px;
		height: 40px;
		background-image: url("../img/common_img/icon-pdf.svg");
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
}

.hr .toggle-box dd > p:nth-of-type(1) {
	padding-bottom: 20px;
}
.hr-sub-block {
	margin-bottom: 40px;
}
.hr-sub-block_ttl {
	font-size: 20px;
	color: var(--main-color);
	margin-bottom: 5px;
}
.list-goal {
	position: relative;
}
.list-goal > li {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: solid 1px #000;
}
.list-goal > li:nth-child(1) .list-squre {
	top: -2px;
	position: relative;
}
.list-goal_ttl {
	position: relative;
	margin-bottom: 5px;
	color: var(--main-color);
	font-size: 20px;
	padding-left: 90px;
	line-height: 1.4em;
}
.list-goal_ttl span {
	background: var(--main-color);
	color: #FFF;
	font-size: 18px;
	line-height: 1.4em;
	padding: 3px 14px;
	margin-right: 10px;
	display: inline-block;
	left: 0;
	position: absolute;
}
.hr .side-lines {
	margin-bottom: 20px;
}
.hr .flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hr .flexbox .txt {
	width: 47%;
}
.hr .flexbox .img {
	width: 47%;
}
.hr .list-squre.exm {
	margin-bottom: 20px;
}
.hr-act-table {
	position: relative;
	width: 100%;
	margin: 10px 0 60px;
}
.hr-act-table th {
	padding: 12px 0;
	background: #F4F4F4;
	text-align: center;
	color: #39992D;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}
.hr-act-table th.th01 {
	width: 40%!important;
}
.hr-act-table th.th02 {
	width: 20%!important;
}
.hr-act-table th.th03 {
	width: 40%!important;
}
.hr-act-table th:nth-child(1){
	border-left: solid 1px #000;
}
.hr-act-table th {
	border-right: solid 1px #000;
}
.hr-act-table tr td.subject {
	text-align: left;
	padding-left: 20px;
}
.hr-act-table tr td {
	padding: 11px 10px;
	height: 60px;
	border-bottom: solid 1px #000;
	border-left: solid 1px #000;
	vertical-align: middle;
	text-align: center;
	line-height: 1.4em;
	font-size: 14px;
}
.hr-act-table tr td.even {
	width: 20%!important;
}
.hr-act-table tr td:last-of-type {
	border-right: solid 1px #000;
}
.hr-act-table caption {
	position: absolute;
	bottom: -40px;
	right: 0;
	font-size: 14px;
}
.check-box {
	margin: 20px auto 50px;
	position: relative;
	padding: 30px 5%;
	background: #F2F2F2;
}
.check-box_ttl {
	text-align: center;
	font-size: 24px;
	padding-top: 40px;
	padding-bottom: 10px;
	position: relative;
}
.check-box_ttl:before {
	width: 35px;
	height: 35px;
	background-image: url("../img/common_img/icon-check.svg");
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}
.check-box_txt {
	background: #FFF;
	padding: 40px;
	position: relative;
}
.check-box_txt:before {
	width: 32px;
	height: 32px;
	background-image: url("../img/common_img/bracket.svg");
	left: 0;
	top: 0;
}
.check-box_txt p {
	padding-bottom: 1em;
	text-align: center;
}
.check-box_txt p:last-child {
	padding-bottom: 0;
}
@media screen and (max-width: 834px) {
	.hr .toggle-box dd > p:nth-of-type(1) {
		padding-bottom: 20px;
	}
	.hr-sub-block {
		margin-bottom: 20px;
	}
	.hr-sub-block_ttl {
		font-size: 16px;
		color: var(--main-color);
		margin-bottom: 2px;
	}
	.list-goal {
		position: relative;
	}
	.list-goal > li {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: solid 1px #000;
	}
	.list-goal_ttl {
		position: relative;
		margin-bottom: 5px;
		color: var(--main-color);
		font-size: 14px;
		padding-left: 0;
		padding-top: 30px;
		line-height: 1.4em;
	}
	.list-goal_ttl span {
		background: var(--main-color);
		color: #FFF;
		font-size: 12px;
		line-height: 1.4em;
		padding: 3px 10px;
		margin-right: 10px;
		display: block;
		left: 0;
		top: 0;
		position: absolute;
	}
	.hr .side-lines {
		margin-bottom: 20px;
	}
	.hr .flexbox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.hr .flexbox .txt {
		width: 100%;
		padding-bottom: 15px;
	}
	.hr .flexbox .img {
		width: 100%;
	}
	.hr .list-squre.exm {
		margin-bottom: 20px;
	}
	.hr-act-table {
		position: relative;
		width: 100%;
		margin: 5px 0 10px;
	}
	.hr-act-table th {
		padding: 6px 0;
		background: #F4F4F4;
		text-align: center;
		color: #39992D;
		border-top: solid 1px #000;
		border-bottom: solid 1px #000;
	}
	.hr-act-table th.th01 {
		width: 40%!important;
	}
	.hr-act-table th.th02 {
		width: 16%!important;
	}
	.hr-act-table th.th03 {
		width: 44%!important;
	}
	.hr-act-table tr td.subject {
		text-align: left;
		padding-left: 15px;
	}
	.hr-act-table tr td {
		padding: 5px 5px;
		height: 40px;
		border-bottom: solid 1px #000;
		border-left: solid 1px #000;
		vertical-align: middle;
		text-align: center;
		line-height: 1.4em;
		font-size: 11px;
	}
	.hr-act-table tr td.even {
		width: 20%!important;
	}
	.hr-act-table tr td:last-of-type {
		border-right: solid 1px #000;
	}
	.hr-act-table caption {
		position: absolute;
		bottom: -24px;
		right: 10px;
		font-size: 11px;
	}
	.check-box {
		margin: 20px auto 50px;
		position: relative;
		padding: 30px 5%;
		background: #F2F2F2;
	}
	.check-box_ttl {
		text-align: center;
		font-size: 18px;
		padding-top: 40px;
		padding-bottom: 10px;
		position: relative;
	}
	.check-box_ttl:before {
		width: 35px;
		height: 35px;
		background-image: url("../img/common_img/icon-check.svg");
		left: 50%;
		transform: translateX(-50%);
		top: 0;
	}
	.check-box_txt {
		background: #FFF;
		padding: 40px 20px;
		position: relative;
	}
	.check-box_txt:before {
		width: 32px;
		height: 32px;
		background-image: url("../img/common_img/bracket.svg");
		left: 0;
		top: 0;
	}
	.check-box_txt p {
		padding-bottom: 1em;
		text-align: center;
	}
	.check-box_txt p:last-child {
		padding-bottom: 0;
	}
}