@charset "UTF-8";
main{
	overflow:hidden;
}

#sec_mov ul,
#sec_spo ul,
ul {
	padding-left:0;
}

#sec_msg{
	background:#f8f8f9 url(/aboutus/sustainability/social/diversity/assets/img/msg_bg.png) no-repeat;
	background-size:contain;
}

#sec_pro{
	background:#f8f8f9 url(/aboutus/sustainability/social/diversity/assets/img/pro_bg.png) no-repeat right top;
	background-size:contain;
}

#sec_his{
	background:#f8f8f9 url(/aboutus/sustainability/social/diversity/assets/img/his_bg.png) no-repeat;
	background-size:contain;
}

#sec_mov{
	background:#f8f8f9 url(/aboutus/sustainability/social/diversity/assets/img/mov_bg.png) no-repeat right top;
	background-size:contain;
}

#sec_mov li figcaption{
	padding:.75rem 0 .75rem 2.5rem;
    background: url(/aboutus/sustainability/social/diversity/assets/img/icon_ball.png) no-repeat left center;
}

#sec_spo{
	background:#f8f8f9;
}

.boxarea,
.boxaera3{
	height:100%;
/* 	position: relative; */
	display: flex;
  /* align-items: center; */
}

.boxarea{
	padding-left:8rem;
}

figure {
	margin: 0;
	display: grid;
}

#sec_mov ul li:nth-child(2) figure{
	text-align: center;
}

.txt {
	background:rgba(221,234,245,0.8);
	box-sizing: border-box;
  	margin-left: -3%;
  	margin-top:4rem;
}

.boxarea2{
	background:#f8f8f9;
	margin:auto;
}

.boxarea2 p:last-child{
	margin-bottom:0;
}

.boxaera3{
	justify-content: flex-start;
}

.boxarea3 .txt{
	margin-top:0;
	margin-left:auto;
}

@media (min-width: 1200px){
	.wh-xl72 {
		width: 72%!important;
	}
}

.side-table{
	display: flex;
	flex-wrap: wrap;
  }
.side-table dt {
	width: 30%;
	font-weight:bold;
	color:#0161d5;
	border-bottom:1px solid #7f7e7e;
	padding:1rem;
	box-sizing: border-box;
}
.side-table dd {
	width: 70%;
	border-bottom:1px solid #7f7e7e;
	margin-bottom:0;
	margin-left: 0;
	padding:1rem;
	font-weight:bold;
	box-sizing: border-box;
}

#sec_his .side-table dd{
	font-weight:normal;
}

.column2-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.column2-wrap li{
	width:calc((100% - 1rem) / 2);
	margin-top:2rem;
}

#sec_his .side-table{
	overflow: hidden;

}

#sec_his .side-table dt,
#sec_his .side-table dd{
	margin-bottom:-1px;
}

#sec_mov .column2-wrap{
	align-items: flex-end;
}

.photo li{
	border:10px solid #ffffff;
	box-shadow: 0 0 8px #cccccc;
}

.color-blue{
	color:#000753 !important;
}

@media screen and (max-width: 1200px) {
	#sec_pro .side-table dt {
		width: 40%;
	}
	#sec_pro .side-table dd {
		width: 60%;
	}
}

@media screen and (max-width: 767px) {
	.boxarea,
	.boxarea3{
	display: block;
	}

	.boxarea figure{
		margin:auto;
	}

	.txt{
		margin-left:0;
		margin-top:2rem;
		padding:2rem;
	}

	.column2-wrap{
		display:block;
	}

	.column2-wrap li{
		width:100%;
	}
}

@media screen and (max-width: 576px) {
	.side-table{
		display: block;
	}
	.side-table dt {
		width: 100%;
		border-bottom:none;
		padding-bottom:0;
	}
	.side-table dd {
		width: 100%;
	}
	#sec_pro .side-table dt {
		width: 100%;
	}
	#sec_pro .side-table dd {
		width: 100%;
	}
}


main * {
	line-height: 1.4;
}
.d-none {
    display: none !important;
}
.d-block {
	display: block !important;
}
.p1 {
	padding: 0.25rem !important;
}
.p4 {
	padding: 1rem !important;
}
.p8 {
    padding: 2rem !important;
}
.pdt3 {
    padding-top: 0.75rem !important;
}
.pdt4 {
	padding-top: 1rem !important;
}
.pdt6 {
    padding-top: 1.5rem !important;
}
.pdt12 {
	padding-top: 3rem !important;
}
.pdb4 {
    padding-bottom: 1rem !important;
}
.pX4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.border-bottom {
    border-bottom: 1px solid #7f7e7e !important;
}
.boxarea3 table th {
	padding: 0.75rem;
	background: none;
	vertical-align: top;
	font-weight: bold;
	box-sizing: border-box;
	font-size: 15px;
}
.column2-wrap li {
	list-style-type: none;
}
#sec_spo .column2-wrap li {
	/* width: calc((100% - 3.75rem) / 2); */
	width: 100%;
	box-sizing: border-box;
}
@media (min-width: 768px) {
	.block__has_full {
		max-width: 1200px;
	}
	.d-md-none {
		display: none !important;
	  }
	.d-md-block {
        display: block !important;
    }
	.wh-md30 {
        width: 30% !important;
    }
	.wh-md40 {
        width: 40% !important;
    }
	.wh-md65 {
        width: 65% !important;
    }
	.wh-md100 {
        width: 100% !important;
    }
	.pdt-md4 {
        padding-top: 1rem !important;
    }
	.pdt-md6 {
		padding-top: 1.5rem !important;
	}
	.pdb-md10 {
        padding-bottom: 2.5rem !important;
    }
	.pdl-md10 {
        padding-left: 2.5rem !important;
    }
	.pX-md0 {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
	.pX-md6 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
	.boxarea3 table th {
		font-size: 16px;
	}
	#sec_spo .column2-wrap li {
		width: calc((100% - 1rem) / 2);
	}
}
@media (min-width: 992px) {
    .wh-lg30 {
        width: 30% !important;
    }
	.p-lg10 {
        padding: 2.5rem !important;
    }
	.p-lg20 {
        padding: 5rem !important;
    }
	.pdb-lg8 {
        padding-bottom: 2rem !important;
	}
	.pdl-lg24 {
        padding-left: 6rem !important;
    }
	.pdl-lg25 {
        padding-left: 6.25rem !important;
    }
	.pY-lg5 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
	.pX-lg12 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
	.pX-lg20 {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }
	.pX-lg25 {
		padding-right: 6.25rem !important;
		padding-left: 6.25rem !important;
	}
}
@media (min-width: 1200px) {
    .wh-xl40 {
        width: 40% !important;
    }
	.wh-xl90 {
        width: 90% !important;
    }
	.wh-xl72 {
		width: 72%!important;
	}
}
@media (min-width: 1230px) {
    .d-xl-block {
        display: block !important;
    }
}