@charset "utf-8";

		.materiality main .container .contents{
			width: 1200px;
			margin: 0 auto;
		}



/*=========================================================================================================
		materiality/01~03.shtml　common
*=========================================================================================================*/
.pageHead {
    position:relative;
	z-index:1;
}
.materialityUnderlayer main .container{
  width: auto;
    background: #F2F4F7 url("/sustainability/materiality/images/materiality_bg.jpg") center bottom no-repeat;
}
.materialityUnderlayer main .container .contents{
	width: 1200px;
	margin: 0 auto;
}
.materialityUnderlayer main .container .contents .contents-wrap{
	background: #fff;
	padding: 0;
	position: relative;
}
.materialityUnderlayer main .container .contents .contents-wrap + .contents-wrap{margin-top: 70px;}
.materialityUnderlayer section{
	position: relative;
}
.materialityUnderlayer .inner{
	padding: 0 80px 70px;
	box-sizing: border-box;
	position: relative;
	margin-top: -110px;
}
.materialityUnderlayer .inner .link-text{padding-top: 1em;}
.materialityUnderlayer h2{
	font-size: 24px;
	text-align: center;
	margin-bottom: 60px;
}
.materialityUnderlayer h2 span{
	display: block;
	font-size: 36px;
	color: #3061AC;
}
.materialityUnderlayer section h3{
	font-size: 33px;
	line-height: 1.4;
	width: 526px;
	background: #102a72;
	padding: 30px 40px;
	color: #fff;
	margin-bottom: 1em;
	position: relative;
	z-index: 2;
}
.materialityUnderlayer section h4{
	font-size: 26px;
	margin: 1em 0;
	line-height: 1.5;
	position: relative;
	margin-bottom: 10px;
	display:inline-block;
}
.materialityUnderlayer section h4::after{
	content: '';
	height: 1px;
	width: 100%;
	background: #3061ac;
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
}

::after {}
.materialityUnderlayer section .column_item .ttl{
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}
.materialityUnderlayer section .bdr-box{
	border: 1px solid #3061ac;
	padding: 40px;
	box-sizing: border-box;
	margin-top: 60px;
}
.materialityUnderlayer section .bdr-box h4{
	position: static;
	font-size: 18px;
	font-weight: bold;
	color: #3061ac!important;
	margin: 0 0 1em;
	padding: 0;
}
.materialityUnderlayer section .bdr-box h4::after{content: none;}
.materialityUnderlayer section .bdr-box figcaption{
	font-size: 14px;
	text-align: center;
	margin: 10px 0;
}
.materialityUnderlayer section .bdr-box .column-layout figcaption{text-align: left;}

.materialityUnderlayer section .bdr-box figure img{width: 100%;}
.materialityUnderlayer section .bdr-box figcaption span{
	font-size: 16px;
	font-weight: bold;
	display: block;
}

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

.materialityUnderlayer main .container .contents{
	width: 100%;
	position: relative;
}
.materialityUnderlayer main .container .contents .contents-wrap{
	padding: 0 0 17px;
}
.materialityUnderlayer section{}
.materialityUnderlayer .inner{
	padding: 0 15px;
	margin-top: -20px;
}
.materialityUnderlayer h2{
	font-size: 16px;
	margin-bottom: 30px;
}
.materialityUnderlayer h2 span{
	font-size: 26px;
}
.materialityUnderlayer section h3{
	font-size: 22px;
	width: 100%;
	padding: 20px 20px;
}
.materialityUnderlayer section h4{
	font-size: 19px;
	margin-bottom: 1em;
}
.materialityUnderlayer section p{
	line-height: 1.8;
}
.materialityUnderlayer section .column_item .ttl{
	font-size: 14px;
}
.materialityUnderlayer section .bdr-box{
	padding: 15px;
	margin-top: 30px;
}
.materialityUnderlayer section .bdr-box .col-3-1{
	display: flex;
	flex-direction:column-reverse;
}
.materialityUnderlayer section .bdr-box .col-3-1 figure{
	max-width: 70%;
	margin: 0 auto;
}
.materialityUnderlayer section .bdr-box h4{
	font-size: 16px;
}

}

		/* 末尾のリンクボタン ------------------------------------*/
		.materialityUnderlayer main .container .contents #linkBtn{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-top: 80px;
		}
		.materialityUnderlayer main .container .contents #linkBtn li{
			width: 30%;
			background: #fff;
		}
		.materialityUnderlayer main .container .contents #linkBtn li a{
			display: block;
			position: relative;
			padding: 60px 20px;
			text-align: center;
		}
		.materialityUnderlayer main .container .contents #linkBtn li a::before {
			display: inline-block;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 15px;
			width: 8px;
			height: 8px;
			border-top: 1px solid #3061ac;
			border-right: 1px solid #3061ac;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			-webkit-backface-visibility: hidden;
			content: "";
		}
		.materialityUnderlayer main .container .contents #linkBtn li.active a{
			pointer-events: none;
			background: #3061ac;
			color: #7aaef9;
		}
		.materialityUnderlayer main .container .contents #linkBtn li.active a::before {
			content: none;
		}

		@media only screen and (max-width: 767px) {
				.materialityUnderlayer main .container .contents #linkBtn{
					margin-top: 70px;
					position: relative;
				}
			.materialityUnderlayer main .container .contents #linkBtn li{
				width: 100%;
				border: 1px solid #dee1e5;
				margin-bottom: 20px;
			}
			.materialityUnderlayer main .container .contents #linkBtn li a{
				padding: 30px;
			}
		}

.conservation .imgInner{
	max-width: 512px;
	margin: 0 auto;
}
		@media only screen and (max-width: 767px) {
			.conservation .imgInner{max-width: inherit;}
		}
		/*=======================================
				materiality/01.shtml
		=======================================*/
		/* section1 */

		/*.materiality01 section#sec01 .imgR{
			right: 0px;
		}
		.materiality01 section#sec01 .flexBox .boxInner:last-of-type{
				margin-top: 200px;
		}*/

		/* section2 */
		/*.materiality01 section#sec02{
			margin-top: 100px;
		}
		.materiality01 section#sec02 h3{
			width: 70%;
			left: 30%;
		}
		.materiality01 section#sec02 .imgR{
			left: 0px;
		}
		.materiality01 section#sec02 .flexBox .boxInner:nth-of-type(1){
			order: 2;
		}
		.materiality01 section#sec02 .flexBox .boxInner:nth-of-type(2){
			order: 1;
				margin-top: 250px;
		}*/

		/*------------------------
			SP
		------------------------*/
		@media only screen and (max-width: 767px) {
		/* section1 */
		/*	.materiality01 section#sec01 p{
				margin-bottom: 3em;
			}
				.materiality01 section#sec01 .flexBox .boxInner:last-of-type{
						margin-top: 50px;
				}*/

		/* section2 */
			/*.materiality01 section#sec02 .flexBox .boxInner:nth-of-type(2){
						margin-top: 50px;
				}*/
		}



		/*=======================================
				materiality/02.shtml
		=======================================*/
		/* section1 */
		.materiality02 section#sec01 h3{
			width: 60%;
		}
		.materiality02 section#sec01 .imgR{
			right: 0px;
		}
		.materiality02 section#sec01 h4{
				margin-top: 150px;
		}

		/* section2 */
		.materiality02 section#sec02 .flexBox{
				margin-top: 50px;
		}
		.materiality02 section#sec02 h4{
				margin-top: 0px;
		}
		.materiality02 section#sec02 .flexBox .boxInner:first-of-type{
				width: 67%;
		}
		.materiality02 section#sec02 .flexBox .boxInner:last-of-type{
				width: 31%;
		}
		.materiality02 section#sec02 .flexBox .boxInner:last-of-type figure{
				margin-bottom: 5px;
		}
		.materiality02 section#sec02 .flexBox .boxInner:last-of-type figure img.logoR{
				margin-left: 4px;
		}
		/*------------------------------------------------------
			SP
		------------------------------------------------------*/
		@media only screen and (max-width: 767px) {
				.materiality02 section#sec01 h4{
						margin-top: 50px;
				}
				.materiality02 section p.indent1{
						width: calc(100% - 1.4em);
				}
				.materiality02 section#sec02 .flexBox .boxInner:first-of-type{
						width: 100%;
				}
				.materiality02 section#sec02 .flexBox .boxInner:last-of-type{
						width: 100%;
						text-align: center;
						margin-top: 1em;
				}
		}

		/*==========================================================================
				materiality/03.shtml
		==========================================================================*/
		/* section1 */
		.materiality03 section#sec01 h3{
			width: 70%;
		}
		.materiality03 section#sec01 .imgR{
			right: 0px;
		}
		.materiality03 section#sec01 .flexBox{
			margin-bottom: 50px;
		}
		.materiality03 section#sec01 .flexBox .boxInner{
				width: 49%;
		}
		.materiality03 section#sec01 .flexBox#box01 .boxInner:last-of-type{
				margin-top: 275px;
		}
		/* section2 */
		.materiality03 section#sec02 h3{
			width: 70%;
				left: 30%;
		}
		.materiality03 section#sec02 .imgR{
			left: 0px;
		}
		.materiality03 section#sec02 .flexBox .boxInner:nth-of-type(1){
			order: 2;
		}
		.materiality03 section#sec02 .flexBox .boxInner:nth-of-type(2){
			order: 1;
				margin-top: 280px;
		}
		.materiality03 section#sec02 .flexBox #simgL,
		.materiality03 section#sec02 .flexBox #simgR{
				display: inline-block;
		}
		.materiality03 section#sec02 .flexBox #simgR{
				margin-left: 20px;
		}

		/*------------------------------------------------------
			SP
		------------------------------------------------------*/
		@media only screen and (max-width: 767px) {
				.materiality03 section#sec01 .flexBox#box01 .boxInner:last-of-type{
						margin-top: 50px;
				}
				.materiality03 section#sec02 .flexBox .boxInner:nth-of-type(2){
						margin-top: 50px;
				}
				.materiality03 section#sec02 .flexBox #simgR{
						margin-left: 2%;
				}
			.materiality03 section#sec02 .flexBox #simgL,
			.materiality03 section#sec02 .flexBox #simgR{
					width: 48%;
		}




		}