/*================================================================================
FileName: _layout.scss
================================================================================*/
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");


/*----------common----------*/

.bdGray {
	border: 1px solid #ccc;
}
.mainVisual .m-txt01, .mainVisual .m-txt02 {
	line-height: 1.8 !important;
}

ul.none {
	display: block !important;
  }

  ul.none li {
	list-style: none !important;
  }

  .mAuto {
	margin: auto;
}

@media only screen and (min-width: 897px) {
	.flexPcrr {
		flex-direction: row-reverse;
	}
	.wPC100 {
		width: 100% !important;
	}
	.wPC90 {
		width: 90% !important;
	}
	.wPC80 {
		width: 80% !important;
	}
	.wPC70 {
		width: 70% !important;
	}
	.wPC60 {
		width: 60% !important;
	}
	.wPC50 {
		width: 50% !important;
	}
	.wPC40 {
		width: 40% !important;
	}
	.wPC30 {
		width: 30% !important;
	}
	.wPC20 {
		width: 20% !important;
	}
	.wPC10 {
		width: 10% !important;
	}
	.mAutoPC {
		margin: auto;
	}
}

@media only screen and (max-width: 896px) {
	.wSP100 {
		width: 100% !important;
	}
	.wSP90 {
		width: 90% !important;
	}
	.wSP80 {
		width: 80% !important;
	}
	.wSP70 {
		width: 70% !important;
	}
	.wSP60 {
		width: 60% !important;
	}
	.wSP50 {
		width: 50% !important;
	}
	.wSP40 {
		width: 40% !important;
	}
	.wSP30 {
		width: 30% !important;
	}
	.wSP20 {
		width: 20% !important;
	}
	.wSP10 {
		width: 10% !important;
	}
	.mAutoSP {
		margin: auto;
	}
}



/*----------social----------*/

@media only screen and (min-width: 897px) {
	.tab-contribution .prP24 {
		padding-top: 8px;
		height: 62px;
	}
	.tab-contribution .ts04-txt {
		font-size: 16px !important;
	}
}

.karadadekanjiru dt span {
	display: inline-block;
	padding-left: 20px;
	font-weight: 200;
}

.forest dd span {
	margin-right: 15px;
	padding: 0 6px;
	background: #6c6c6c;
	font-size: 15px;
	color: #fff;
	display: inline-block;
}
@media only screen and (min-width: 897px) {
	.forest dt {
		padding-left: 20px !important;
	}
}

/*----------employee----------*/
.blueBorder {
	border: 3px solid rgb(162 195 231 / 50%);
}
.pinkBorder {
	border: 3px solid rgb(244 178 186 / 50%);
}
.yellowBorder {
	border: 3px solid rgb(253 224 165 / 50%);
}
.li_bgBlue {
	background-color: rgb(162 195 231 / 50%);
}
.li_bgPink {
	background-color: rgb(244 178 186 / 50%);
}
.li_bgYellow {
	background-color: rgb(253 224 165 / 50%);
}

@media only screen and (min-width: 897px) {
	.liH100 {
		height: 100px;
		display: flex;
	}
}

/*----------materiality----------*/
.materialStyle .li_bgPink_02, .materialStyle .li_bgBlue_02, .materialStyle .bg_pRed {
	color: #fff;
	border-radius: 10px;
	line-height: 1.5;
}
.li_bgPink_02 {
	background-color: #4b70a6;
}
.li_bgBlue_02 {
	background-color: #c75d60;
}

.bg_pRed {
	background-color: #B91440;
}

@media only screen and (min-width: 897px) {
	.liH60 {
		height: 60px;
		display: flex;
		justify-content: center;
	}
}
.materialTable th,
.materialTable td {
	text-align: left;
	padding: 12px;
}

.materialTable tr:first-of-type th {
	text-align: center;
	background: #b91440;
	color: #fff;
	border: solid #b91440 1px;
}
.materialTable tr:first-of-type th:nth-of-type(1) {
	width: 19%;
}
.materialTable tr:first-of-type th:nth-of-type(2), .materialTable tr:first-of-type th:nth-of-type(3) {
    width: 25.1%;
}
.materialTable tr:first-of-type th:nth-of-type(4) {
    width: 26.1%;
}
.materialTable tr:nth-of-type(n+2) th {
	font-size: 14px;
	padding: 0 12px;
	border: solid #d2d2d2 1px;
	border-right: solid #dee0e2 1px;
}
.materialTable tr:nth-of-type(n+2) td:nth-of-type(1),.materialTable tr:nth-of-type(n+2) td:nth-of-type(3) {
	background: #fff;
	font-size: 13px;
	border: solid #f7ebe8 1px;
	border-bottom: solid #d2d2d2 1px;
}
.materialTable tr:nth-of-type(n+2) td:nth-of-type(3) {
	border-right: solid #d2d2d2 1px;
}
.materialTable tr:nth-of-type(n+2) td:nth-of-type(2) {
	background: #f7ebe8;
	font-size: 13px;
	padding: 6px;
	border: solid #f7ebe8 1px;
	border-bottom: solid #d2d2d2 1px;
}
img.sdg_icon_img {
    width: 50px;
    padding: 3px 3px;
}


/*----------csv----------*/
.np1_box {
    padding: 30px;
    box-sizing: border-box;
	background-color: #fff;
}
.square_box {
    position: relative;
    overflow: hidden;
    padding: 0px 0px 0px 70px;
    word-break: break-all;
}
.square_box span {
    position: absolute;
    left: 0;
    bottom: 2px;
    display: block;
    padding: 0 18px;
    color: #fff;
    background: #b91440;
	font-size: 30px;
}
@media screen and (max-width: 896px){
	.square_box {
		position: relative;
		overflow: hidden;
		padding: 0px 0px 0px 80px;
		word-break: break-all;
	}
	.square_box span {
		position: absolute;
		left: 0;
		bottom: 4px;
		display: block;
		padding: 6px 23px;
		color: #fff;
		background: #b91440;
		font-size: 30px;
	}
}
.case_ttl {
	position: relative;
	padding: 5px 0;
	background: #b91440;
	font-size: 26px;
	text-align: center;
	color: #fff;
	line-height: 1.3;
}
.va_box {
	padding: 30px;
    box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #b91440;
}
.va_txt {
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #b91440;
	font-weight: 500;
	font-size: 16px;
	color: #b91440;
	text-align: center;
}

.sdg_dl {
	width: 100%;
	padding: 0 5px;
}
.sdg_dl dt {
	width: 16%;
	margin-bottom: 5px;
}
.sdg_dl dd {
	width: 74%;
	padding-left: 5px;
	margin-bottom: 5px;
}
.sdg_dl dt:last-of-type,
.sdg_dl dd:last-of-type {
	margin-bottom: 0;
}

/*----------topmessage----------*/
@media only screen and (min-width: 897px) {
	.topmessage {
		background: url(/ja/corp/sustainability/topmessage/img/img01_pc.jpg) no-repeat center;
		background-size: cover;
		padding: 100px 0 140px 0;
	}
}
@media only screen and (max-width: 896px) {
	.topmessage {
		background: url(/ja/corp/sustainability/topmessage/img/img01_pc.jpg) no-repeat center;
		background-size: cover;
		padding: 100px 0 80px 0;
	}
}



/*----------stakeholder----------*/
.stakeholTable th,
.stakeholTable td {
	text-align: left;
	padding: 12px;
}

.stakeholTable tr:first-of-type th {
	text-align: center;
	background: #b91440;
	color: #fff;
	border: solid #b91440 1px;
}
.stakeholTable tr:first-of-type th:nth-of-type(1) {
	width: 20%;
}
.stakeholTable tr:first-of-type th:nth-of-type(2) {
    width: 33%;
}
.stakeholTable tr:first-of-type th:nth-of-type(3) {
	width: 47%;
}
.stakeholTable tr:nth-of-type(n+2) th {
	font-size: 14px;
	padding: 0 12px;
	border: solid #d2d2d2 1px;
	border-right: solid #f5f5f5 1px;
}
.stakeholTable tr:nth-of-type(n+2) td:nth-of-type(1), .stakeholTable tr:nth-of-type(n+2) td:nth-of-type(2) {
	background: #fff;
	font-size: 13px;
	border: solid #fff 1px;
	border-bottom: solid #d2d2d2 1px;
}
.stakeholTable tr:nth-of-type(n+2) td:nth-of-type(2) {
	border-right: solid #d2d2d2 1px;
}


/*----------2022/9/1 pioneer for green----------*/

.sdg_dl.pfg dt {
    width: 22%;
}

/*----------2022/11/11 pioneer for green----------*/
@media only screen and (max-width: 896px) {
	.rightSP {
		float: right;
	}
}