@charset "UTF-8";

.spOnly{
	display: none!important;
	width: 100%;
}
.sus_wra {
background-image: url(../images/sustainability_back_pc.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: 100%;
background-attachment: fixed;
}
div.sas-mainimage {
width: 100%;
background-image: url(../images/main-image.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
font-weight: bold;
height: 298px;
}
.sas-mainimage div {
	height: 100%;
	max-width: 1095px;
	display: flex;
	color: white;
	font-size: 47px;
	align-items: center;
	width: 91.6%;
	margin: auto;
}
div.sas-maintitle {
	width: 100%;
	height: 147px;
	margin: 0 0 46px 0;
	background-image: url(../images/main-titleback.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 156px;
	text-align: center;
	padding-top: 76px;
}
.sas-maintitle h2 {
	color: #0061b1;
	text-indent: .5rem;
	font-size: 38px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000;
	padding-right: 5px;
	display: inline-block;
	line-height: 1.9;
	
}
.sas-vision02 {
	max-width: 1040px;
	margin: auto;
	font-size: 21px;
	font-weight: bold;
	line-height: 2;
	color: #0061b1;
	text-align: center;
	margin-top: 70px;
}
.sas-vision03 {
	max-width: 960px;
	margin: 34px auto 70px auto;
}
.sas-vision03 img {
	width: 100%;
}

div.anklink-wrap {
	margin: auto;
	max-width: 96%; 
}
.anklink-wrap ul li {
	position: relative;
}
.anklink-wrap ul li a {
	color: #ffffff;
	background: #004DA1;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	letter-spacing: 1.5
}
.sas-topmessage01 {
	max-width: 730px;
	margin: 33px auto 85px auto;
	font-size: 18px;
	line-height: 2.2;
	text-align: justify;
	text-justify: inter-ideograph;
}
.sas-topmessage01 p {
	text-align: right;
	margin-top: 13px;
}
.sas-materiality01 {
	max-width: 840px;
	margin: 33px auto 30px auto;
	text-align: justify;
	text-justify: inter-ideograph;
}
.sas-materiality02 {
	max-width: 730px;
	margin: 33px auto 70px auto;
}
.sas-materiality02 img {
	width: 100%;
}
.sas-materiality03 {
	max-width: 1040px;
	margin: 33px auto 0px auto;
}
.sas-materiality04 {
	max-width: 1040px;
	margin: 10px auto 0 auto;
	padding-bottom: 40px;
}
.sas-materiality04 img {
	width: 100%;
}
.prosys01 {
	max-width: 450px;
	margin: 45px auto 120px auto;
}
.prosys01 img {
	width: 100%;
}


.topmainmenu01 {
	max-width: 1024px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 48px auto;
}
.topmainmenu01 a:hover {
	opacity: 0.5;
}
.topmainmenu02 {
	width: 47.5%;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	background-color: #fff;
}
.topmainmenu02 a {
	width: 100%;
	display: flex;
}
.topmainmenu03 {
	width: 43%;
}
.topmainmenu03 img {
	width: 100%;
}
.topmainmenu04 {
	width: 57%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	letter-spacing: -0.1em;
}
.topmainmenu05 {
	max-width: 1024px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 0 auto;
	padding-bottom: 130px;
}
.topmainmenu06 {
	width: 30.3%;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	background-color: #fff;
}
.topmainmenu06 a:hover {
	opacity: 0.5;
}
.topmainmenu06 img {
	width: 100%;
}
.topmainmenu07 {
	width: 100%;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	letter-spacing: -0.1em;
}
.report {
	padding-top: 4%;
	padding-bottom: 25%;
}
.report2 {
	padding-bottom: 10%;
}
.title-wrap {
  border-bottom: 1px solid #004b96;
}
.title-wrap h1.title {
  font-size: 18px;
}
.content {
  padding: 4% 1%;
  border-bottom: 1px solid #004b96;
}
/* .content img {
	width: 553px;
	height: 415px;
} */



/**==============================================**/
/**==============================================**/
/*
/*
/*			SP
/*
/*
/**==============================================**/
/**==============================================**/
@media all and (max-width:599px){
.pcOnly{
	display:none!important;
}
.spOnly{
	display:block!important;
}
.sus_wra {
background-image: url(../images/sustainability_back_sp.jpg);
}
	div.sas-mainimage {
	background-image: url(../images/main-image_sp.jpg);
	height: 110px;
	}
	.sas-mainimage div {
	font-size: 280%;
	}

	div.anklink-wrap {
		width: 96%;
		margin-bottom: 5%;
	}
	.anklink-wrap ul li {
		width: 50%;
		float: left;
	}
	.anklink-wrap ul li a {
		display: flex;
		width: 100%;
		line-height: 1.5;
		justify-content: center;
		align-items: center;
		height: 50px;
		border: 1px solid #ffffff;
		box-sizing: border-box;
	}
div.sas-maintitle {
	width: 98%;
	height: 85px;
	margin-top: 100px;
	margin: 0 auto 5px auto;
	background-size: auto 85px;
	text-align: center;
	padding-top: 40px;
}
.sas-maintitle h2 {
	font-size: 20px;
	line-height: 1.6
	
}
.sas-vision02 {
	font-size: 16px;
	line-height: 1.6;
	margin-top: 20px;
	text-align: left;
	width: 94%;
}
.sas-vision03 {
	width: 94%;
	margin: 0 auto 10px auto;
}
.sas-topmessage01 {
	width: 94%;
	margin: 10px auto 20px auto;
	font-size: 16px;
	line-height: 1.7;
}
.sas-topmessage01 p {
	margin-top: 5px;
}
.sas-materiality01 {
	width: 94%;
	margin: 3% auto 4% auto;
	font-size: 16px;
	line-height: 1.7;
}
.sas-materiality02 {
	width: 94%;
	margin: 3% auto 8% auto;
}
.sas-materiality03 {
	width: 94%;
	margin: 3% auto 6% auto;
	font-size: 16px;
	line-height: 1.7;
}
.sas-materiality04 {
	width: 94%;
	margin: 1% auto 0 auto;
	padding-bottom: 40px;
}
.prosys01 {
	width: 73%;
	margin: 3% auto 6% auto;
}

.topmainmenu01 {
	width: 94%;
	display: block;
	margin: 0 auto 0 auto;
}
.topmainmenu02 {
	width: 100%;
	margin-bottom: 3%
}
.topmainmenu03 {
	width: 29%;
}
.topmainmenu04 {
	width: 71%;
	font-size: 18px;
}
.topmainmenu05 {
	width: 94%;
	display: block;
	margin: 0 auto 3% auto;
	padding-bottom: 8%;
}
.topmainmenu05 a {
	width: 100%;
	display: flex;
}
.topmainmenu06 {
	width: 100%;
	display: flex;
	margin-bottom: 3%
}
.topmainmenu06 img {
	width: 29%;
}
.topmainmenu07 {
	width: 71%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	height: 100%;
}
.main-wrap {
  width: 94%;
  max-width: 800px;
  margin: auto;
}
.title-wrap p.date {
  font-size: 1.4rem;
}
.content {
  font-size: 1.4rem;
  line-height: 2;
}
.pager-text a {
  font-size: 1.4rem;
}
.content img {
	width: 100%;
	height: auto;
}
}

/**==============================================**/
/**==============================================**/
/*
/*
/*			tab 〜
/*
/*
/**==============================================**/
/**==============================================**/

@media all and (min-width: 600px) {

	.main-img-wrap::after {
		width: 52.3%;
	}

	div.anklink-wrap {
		max-width: 96%; 
		margin-bottom: 30px;
	}
	.anklink-wrap ul li {
		width: 16.66666%;
		float: left;
	}
	.anklink-wrap ul li:after {
		content: "";
		position: absolute;
		top: 0;
		right: .5px;
		width: 1px;
		height: 100%;
		background: #ffffff;
	}
	.anklink-wrap ul li:last-child:after {
		content: none;
	}
	.anklink-wrap ul li a {
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		height: 50px;
		letter-spacing: 1.5;
	}
	.anklink-wrap ul li a:hover {
		background: #003172;
	}
}









/**==============================================**/
/**==============================================**/
/*
/*
/*			tab 〜 PC
/*
/*
/**==============================================**/
/**==============================================**/

@media all and (min-width: 600px) and (max-width: 959px){
	div.sas-mainimage {
	background-image: url(../images/main-image.jpg);
	height: 200px;
	}
	.sas-mainimage div {
	font-size: 220%;
	}
div.sas-maintitle {
	height: 100px;
	margin: 30px 0 30px 0;
	background-image: url(../images/main-titleback.jpg);
	background-size: auto 100px;
	padding-top: 30px;
}
.sas-maintitle h2 {
	font-size: 26px;
	padding-right: 5px;
	line-height: 1.9;
	
}
.sas-vision02 {
	width: 96%
}
.sas-vision03 {
	width: 96%
}

}





/**==============================================**/
/**==============================================**/
/*
/*
/*			PC
/*
/*
/**==============================================**/
/**==============================================**/
@media print, screen and (min-width:960px){

	.main-img-wrap:after {
		width: 32.3%;
	}
	.content-wrap .inner-wrap {
		max-width: 826px !important;
	}

	div.anklink-wrap {
		max-width: 1040px; 
	}
	.anklink-wrap ul li {
		width: 16.66666%;
		float: left;
	}
	.anklink-wrap ul li:after {
		content: "";
		position: absolute;
		top: 0;
		right: .5px;
		width: 1px;
		height: 100%;
		background: #ffffff;
	}
	.anklink-wrap ul li a {
		display: flex;
		width: 100%;
		line-height: 1.5;
		justify-content: center;
		align-items: center;
		height: 50px;
	}
	.anklink-wrap ul li a:hover {
		background: #003172;
	}
}

@media all and (-ms-high-contrast: none) {
	.anklink-wrap ul li a{
		padding-top: 6px;
	}
}