@charset "utf-8";
/* CSS Document */
figure {
	margin: 0;
}

.materialityVisual-Area {
	background: url("../jp/group/fccl/materiality/images/PC-main-img-materiality.jpg") no-repeat center 64% / cover;
}
@media only screen and (max-width:768px){
.materialityVisual-Area {
	background: url("../jp/group/fccl/materiality/images/SP-main-img-materiality.jpg") no-repeat center center / cover;
	height: 100%;
}
}
.materialityVisual {
	max-width: 1020px;
	margin: 0 auto;
	padding: 13% 20px 1%;
}
@media only screen and (max-width:768px){
  .materialityVisual{
	 padding: 60% 20px 4%;
  }
}
.materialityVisual p {
	line-height: 1;
	margin-top: 14px;
}
@media only screen and (max-width:768px){
	.materialityVisual p {
		width:100%;
		margin-top: 4px;
	}
}
.materialityVisual img {
	line-height: 1;
	width:494px;
}
@media only screen and (max-width:768px){
  .materialityVisual img {
	width: 318px;
	height: auto;
}
}
.materialityVisual span {
	color: #fff;
	font-size: 2.2rem;
}
@media only screen and (max-width:768px){
  .materialityVisual span {
	font-size: 1.4rem;
}
}
.materiality-leadBox {
	max-width: 1020px;
	margin: 74px auto 0;
	padding: 0 20px;
}
@media only screen and (max-width:768px){
  .materiality-leadBox {
	margin: 54px auto 0;
}
}
.materia-leadSentence01 {
	line-height: 2;
	font-size: 1.5rem;
}
@media only screen and (max-width:768px){
.materia-leadSentence01 {
	font-size: 1.2rem;
}
}
.materiality-conditionsBox {
	display: flex;
	flex-wrap: wrap;
	margin-top: 70px !important;
	justify-content: space-between;
}
@media only screen and (max-width:768px){
  .materiality-conditionsBox {
	display: block;
	margin-top: 86px !important;
}
}
.materiality-conditions:nth-of-type(1) {
	width: 27%;
}
.materiality-conditions:nth-of-type(2) {
	width: 26%;
	margin: 0 4% 0 6%;
}
.materiality-conditions:nth-of-type(3) {
	width: 36%;
}
@media only screen and (max-width:768px){
.materiality-conditions:nth-of-type(1) {
	width: 100%;
}
.materiality-conditions:nth-of-type(2) {
	width: 100%;
	margin: 0;
}
.materiality-conditions:nth-of-type(3) {
	width: 100%;
}
}
@media only screen and (max-width:768px){
  .materiality-conditions:nth-of-type(n+2) {
	margin-top: 90px;
}
}
.materiality-conditionsTxt img{
	height: 50px;
}
@media only screen and (max-width:768px){
  .materiality-conditionsTxt img{
	height: 57px;
	}
}
.materiality-conditionsimg img{
	height: 72px;
}
@media only screen and (max-width:768px){
 .materiality-conditionsimg img{
	height: 88px;
}
}
.materiality-conditions figure, .materiality-conditions p {
	text-align: center;
}
.materiality-conditions figure:nth-child(2){
	margin: 18px 0;
}
.materiality-conditions p {
	font-size: 2rem;
	font-weight: bold;
	margin-top: 20px;
}
.materia-leadSentence02 {
	margin-top: 44px;
	line-height: 2;
	font-size:1.5rem;
}
@media only screen and (max-width:768px){
.materia-leadSentence02 {
	font-size: 1.2rem;
	margin-top: 55px;
}
}
.materiality-listArea {
	margin-top: 140px;
	background-color: #F7F7F7;
	padding: 56px 0 110px;
}
@media only screen and (max-width:768px){
.materiality-listArea {
	margin-top: 120px;
	padding: 50px 18px 30px;
}
}
.materiality-listArea h2 {
	max-width: 1020px;
	margin: 0 auto;
	font-size: 2.5rem;
	font-weight: bold;
	padding-left: 16px;
}
@media only screen and (max-width:768px){
.materiality-listArea h2 {
	padding-left: 20px;
	font-size: 2rem;
}
}
.materiality-listWrap {
	max-width: 1020px;
	margin: 0 auto;
	padding: 56px 56px 50px;
	background-color: #fff;
	margin-top: 24px;
	border-radius: 10px;
}
.materiality-listWrap + .materiality-listWrap {
	margin-top: 84px;
}
@media only screen and (max-width:768px){
.materiality-listWrap + .materiality-listWrap {
	margin-top: 50px;
}
}
@media only screen and (max-width:768px){
.materiality-listWrap {
	padding: 34px 20px 46px;
	margin-top: 16px;
	border-radius: 8px;
}
}
.materiality-listHead {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
@media only screen and (max-width:768px){
.materiality-listHead {
	display: block;
	text-align: center;
}
}
.materiality-listHead h3 {
	font-size: 3.5rem;
	margin-left: 2%;
	width: 82%;
}
@media only screen and (max-width:768px){
.materiality-listHead h3 {
	font-size: 2rem;
	text-align: center;
	margin-left: 0;
	margin-top: 28px;
	padding-top: 0;
	width: 100%;
}
}
.materiality-listHead figure {
	width: 16%;
}
@media only screen and (max-width:768px){
.materiality-listHead figure {
	width: 100%;
}
}
.materiality-listHead img {
	height: 97px;
}
.materiality-picture {
	margin-top: 43px;
	text-align: center;
}

.materiality-listWrap h4 {
	margin-top: 88px;
	font-size: 2.5rem;
	border-bottom: solid 1px #999;
	padding-bottom: 38px;
}
@media only screen and (max-width:768px){
.materiality-listWrap h4 {
	margin-top: 110px;
	font-size: 1.6rem;
	padding-bottom: 20px;
}
}
.materiality-listWrap h4.mate-01A::before{
	display: inline-block;	
	content: "";
	background-image:url("../jp/group/fccl/materiality/images/PC-num01A-materiality.png");
	width: 70px;
	height: 35px;
	margin: -8px 20px 0 0;
	vertical-align: middle;
}
@media only screen and (max-width:768px){
.materiality-listWrap h4.mate-01A::before{
	width: 56px;
	height: 28px;
	margin: -64px -55px 16px 0;
	vertical-align: middle;
	background-image:url("../jp/group/fccl/materiality/images/SP-num01A-materiality.png");
}
}
.materiality-listWrap h4.mate-01B::before{
	display: inline-block;	
	content: "";
	background-image:url("../jp/group/fccl/materiality/images/PC-num01B-materiality.png");
	width: 70px;
	height: 35px;
	margin: -8px 20px 0 0;
	vertical-align: middle;
}
@media only screen and (max-width:768px){
.materiality-listWrap h4.mate-01B::before{
	width: 56px;
	height: 28px;
	margin: -64px -55px 16px 0;
	vertical-align: middle;
	background-image:url("../jp/group/fccl/materiality/images/SP-num01B-materiality.png");
}
}
.materiality-listWrap h4.mate-02A::before{
	display: inline-block;	
	content: "";
	background-image:url("../jp/group/fccl/materiality/images/PC-num02A-materiality.png");
	width: 70px;
	height: 35px;
	margin: -8px 20px 0 0;
	vertical-align: middle;
}
@media only screen and (max-width:768px){
.materiality-listWrap h4.mate-02A::before{
	width: 56px;
	height: 28px;
	margin: -64px -55px 16px 0;
	vertical-align: middle;
	background-image:url("../jp/group/fccl/materiality/images/SP-num02A-materiality.png");
}
}
.materiality-listWrap h4.mate-02B::before{
	display: inline-block;	
	content: "";
	background-image:url("../jp/group/fccl/materiality/images/PC-num02B-materiality.png");
	width: 70px;
	height: 35px;
	margin: -8px 20px 0 0;
	vertical-align: middle;
}
@media only screen and (max-width:768px){
.materiality-listWrap h4.mate-02B::before{
	width: 56px;
	height: 28px;
	margin: -64px -55px 16px 0;
	vertical-align: middle;
	background-image:url("../jp/group/fccl/materiality/images/SP-num02B-materiality.png");
}
}
.materiality-listWrap h4.mate-03A::before{
	display: inline-block;	
	content: "";
	background-image:url("../jp/group/fccl/materiality/images/PC-num03A-materiality.png");
	width: 70px;
	height: 35px;
	margin: -8px 20px 0 0;
	vertical-align: middle;
}
@media only screen and (max-width:768px){
.materiality-listWrap h4.mate-03A::before{
	width: 56px;
	height: 28px;
	margin: -64px -55px 16px 0;
	vertical-align: middle;
	background-image:url("../jp/group/fccl/materiality/images/SP-num03A-materiality.png");
}
}
.materiality-listWrap h4.mate-03B::before{
	display: inline-block;	
	content: "";
	background-image:url("../jp/group/fccl/materiality/images/PC-num03B-materiality.png");
	width: 70px;
	height: 35px;
	margin: -8px 20px 0 0;
	vertical-align: middle;
}
@media only screen and (max-width:768px){
.materiality-listWrap h4.mate-03B::before{
	width: 56px;
	height: 28px;
	margin: -64px -55px 16px 0;
	vertical-align: middle;
	background-image:url("../jp/group/fccl/materiality/images/SP-num03B-materiality.png");
}
}
.materiality-listWrap h4.mate-03C::before{
	display: inline-block;	
	content: "";
	background-image:url("../jp/group/fccl/materiality/images/PC-num03C-materiality.png");
	width: 70px;
	height: 35px;
	margin: -8px 20px 0 0;
	vertical-align: middle;
}
@media only screen and (max-width:768px){
.materiality-listWrap h4.mate-03C::before{
	width: 56px;
	height: 28px;
	margin: -64px -55px 16px 0;
	vertical-align: middle;
	background-image:url("../jp/group/fccl/materiality/images/SP-num03C-materiality.png");
}
}
.materiality-listWrap h4.mate-03D::before{
	display: inline-block;	
	content: "";
	background-image:url("../jp/group/fccl/materiality/images/PC-num03D-materiality.png");
	width: 70px;
	height: 35px;
	margin: -8px 20px 0 0;
	vertical-align: middle;
}
@media only screen and (max-width:768px){
.materiality-listWrap h4.mate-03D::before{
	width: 56px;
	height: 28px;
	margin: -64px -55px 16px 0;
	vertical-align: middle;
	background-image:url("../jp/group/fccl/materiality/images/SP-num03D-materiality.png");
}
}
.materiality-listWrap dl {
	border-bottom: solid 1px #999;
	padding: 30px 0;
}
@media only screen and (max-width:768px){
.materiality-listWrap dl {
	padding: 38px 0;
}
}
.materiality-listWrap dt {
	display: inline-block;
	border-radius: 5px;
	padding: 2px 10px;
	font-size: 1.3rem;
	background-color:#DFF5F5; 
}
.materiality-listWrap dt:nth-of-type(n+2) {
	margin-top: 30px;
}
.materiality-listWrap dd {
	position: relative;
	font-size: 1.4rem;
	line-height: 1.8;
}
@media only screen and (max-width:768px){
.materiality-listWrap dd {
	line-height: 2.1;
} 
}
.materiality-listWrap dd:nth-of-type(-n+2){
	margin-top: 8px;
}
.materiality-listWrap dd.dd-kpi{
	position: relative;
	font-size: 1.4rem;
	line-height: 1.8;
	padding-left: 18px;
}
.materiality-listWrap dd.dd-kpi::before {
	position: absolute;
	content: "・";
    display: block;
    left: 3px;
    top: calc(0.75em - 11px);
}
.materiality-stepArea {
	max-width: 1020px;
	margin: 0 auto;
	padding: 130px 20px 110px; 
} 
@media only screen and (max-width:768px){
.materiality-stepArea {
	padding: 100px 20px 110px; 
} 
}
.materiality-stepArea h2{
	font-size: 2.5rem;
}
@media only screen and (max-width:768px){
.materiality-stepArea h2{
	font-size: 2rem;
	padding: 0 20px;
}
}
@media only screen and (max-width:768px){
.materiality-stepWrap {
	display: flex;
	flex-direction: column;
}
.materiality-order2 {
	order: 2;
}
.materiality-order1 {
	order: 1;
	padding: 0 20px;
}
}
.materiality-picture02 {
	margin-top: 24px;
}
@media only screen and (max-width:768px){
.materiality-picture02 {
	margin-top: 40px;
	text-align: center;
}
}
.materiality-order1 {
	margin-top: 27px;
}
@media only screen and (max-width:480px){
.materiality-order1 {
	margin-top: 27px;
}
}
.materiality-order1 p {
	font-size: 1.5rem;
	line-height: 2;
}
@media only screen and (max-width:480px){
.materiality-order1 p {
	line-height: 2.2;
	font-size: 1.2rem;
}
}