@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　sustainability
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.scroll::before{
	background: var(--white);
	backdrop-filter: blur(20px);
  opacity: 0.9;
}
.bg-business01 header::before{
	background: var(--grey05);
}
.bg-business01 .bg-container{
	background: var(--grey05);
	opacity: 1;	
}


/*--------------------------------------------------------------------------
   sustainability top
---------------------------------------------------------------------------*/

/* intro
-----------------------------------------------------------------*/
.intro{
	padding: 135px 0 160px;
	text-align: center;
}
.intro h2{
	margin-bottom: 50px;
	font-size: 4.6rem;
	font-weight: normal;
}
.intro .txt{
	font-size: 1.7rem;
	line-height: 2;
}


/* environment
-----------------------------------------------------------------*/
.environment{
	padding: 0 0 60px;
	text-align: center;
}
.environment .pic{
	margin: 0 5vw 60px;
}
.environment h2{
	margin-bottom: 20px;
	font-size: 3.2rem;
	font-weight: normal;
}
.environment h2 + .txt{
	margin-bottom: 80px;
	line-height: 1.8;
}
.environment-policy-list{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 110px;
}
.environment-policy-list li{
	position: relative;
	width: 50%;
}
.environment-policy-list li:nth-child(n+3){
	margin-top: 120px;
}
.environment-policy-list li > div{
	max-width: 520px;
	width: 96%;
}
.environment-policy-list li:nth-child(even) > div{
	margin-left: auto;
}
.environment-policy-list::before,
.environment-policy-list li:nth-child(odd)::after{
	position: absolute;
	content: "";
	display: block;
	background: var(--grey04);
}
.environment-policy-list::before{
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.environment-policy-list li:nth-child(odd)::after{
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;	
}
.environment-policy-list h3{
	margin-bottom: 15px;
	font-size: 1.9rem;
	font-weight: 500;
	color: var(--orange01);
}
.environment-policy-list .txt{
	line-height: 1.8;
	text-align: left;
}



/* sustainability
-----------------------------------------------------------------*/
.sustainability{
	padding: 200px 0;
}
.sustainability-cont-list > li{
	display: flex;
	justify-content: space-between;
}
.sustainability-cont-list > li:nth-child(odd){
	flex-direction: row-reverse;
}
.sustainability-cont-list > li:nth-child(n+2){
	margin-top: 140px;
}
.sustainability-cont-list .pic,
.sustainability-cont-list .txt-area{
	max-width: 660px;
	width: 46%
}
.sustainability-cont-list h3{
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 3.2rem;
}
.sustainability-cont-list .txt{
	margin-bottom: 20px;
	line-height: 1.8;
}
.sustainability-link-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sustainability-link-list li{
	width: 48%;
}
.sustainability-link-list .btn-underline a{
	border-bottom-color: var(--grey03);
	font-size: 1.5rem;
}
.sustainability-link-list .btn-underline a span{
	width: 100%;
	margin-left: 0;
	padding-right: 20px;
}
.sustainability-link-list .btn-underline a:hover span{
	padding-left: 20px;
}


/*--------------------------------------------------------------------------
   人権方針
---------------------------------------------------------------------------*/
#Sustainability01,
#Sustainability02,
#Sustainability03,
#Sustainability04,
#Sustainability06,
#Sustainability07,
#Sustainability08,
#Sustainability11{
	scroll-margin-top: 154px;
}
h2.ttl-sec-middle{
	margin-bottom: 50px;	
}
main section .inner > h3{
	margin-bottom: 20px;
	font-size: 2.4rem;
	font-weight: 500;
}
ul.policy > li:nth-child(n+2){
	margin-top: 30px;
}
ul.policy ol > li:nth-child(n+2),
ol.policy > li:nth-child(n+2){
	margin-top: 30px;
}
ul.policy ol h4,
ol.policy h3{
	margin-bottom: 10px;
	font-weight: 500;
}
ul.policy ol p,
ol.policy p,
ol.policy ul,
ol.policy ol{
	padding-left: 1.5em;
}
main section .date{
	margin-top: 130px;
	text-align: right;
	font-size: 1.5rem;
}
main section .note{
	margin-top: 5px;
}


/*--------------------------------------------------------------------------
   人権方針
---------------------------------------------------------------------------*/

/* sustainability01
-----------------------------------------------------------------*/
.sustainability01{
	padding-bottom: 200px;
}


/*--------------------------------------------------------------------------
   サスティナブル調達基準 / 東京建物グループカスタマーハラスメントに対する基本方針
---------------------------------------------------------------------------*/

/* sustainability02
-----------------------------------------------------------------*/
.sustainability02{
	padding-bottom: 200px;	
}

/* sustainability03
-----------------------------------------------------------------*/
.sustainability03{
	padding-bottom: 200px;	
}
.sustainability03 p + h3{
	margin-top: 30px;
}
.sustainability03 p.txt-s + ul{
	margin-top: 10px;
}


/*--------------------------------------------------------------------------
   女性活躍推進 / 主な取り組み
---------------------------------------------------------------------------*/

/* sustainability04
-----------------------------------------------------------------*/
.sustainability04{
	padding-bottom: 150px;	
}
.sustainability04 .ttl-sec-middle{
	margin-bottom: 40px;
}

/* sustainability05
-----------------------------------------------------------------*/
.sustainability05{
	padding-bottom: 200px;	
}
.sustainability05 h2.ttl-sec-middle{
	margin-bottom: 40px;
}
.sustainability05 .policy{
	margin-bottom: 30px;
}
.sustainability05 .eruboshi{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	margin-top: 130px;
	padding: 80px 8%;
	background: var(--grey05);
}
.sustainability05 .eruboshi .logo{
	max-width: 232px;
	width: 23.5%;
}
.sustainability05 .eruboshi .txt-area{
	width: 72%;
}
.sustainability05 .eruboshi h3{
	margin-bottom: 20px;
}
.sustainability05 .eruboshi .txt + .txt{
	margin-top: 30px;	
}
.sustainability05 .eruboshi .txt a{
	display: inline-block;
	padding-right: 18px;
	background: url(../img/common/ico_blank.svg) no-repeat right center;
	background-size: 13px auto;
	color: var(--orange01);
}
.sustainability05 .eruboshi .txt a:hover{
	text-decoration: underline;
}


/*--------------------------------------------------------------------------
   労働環境＆ワークライフバランス / 人材育成
---------------------------------------------------------------------------*/

/* sustainability06
-----------------------------------------------------------------*/
.sustainability06{
	padding-bottom: 150px;	
}
.work-life-balance-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;	
}
.work-life-balance-list li{
	width: calc((100% - 8px)/3);
	background: var(--grey05);
}
.work-life-balance-list li:nth-child(1){
	display: flex;
	align-items: center;
	width: 40.66%;
}
.work-life-balance-list li:nth-child(1) .layout-box{
	padding: 20px 6%;
}
.work-life-balance-list li:nth-child(1) .ico{
	margin-right: 20px;
}
.work-life-balance-list li:nth-child(2){
	width: calc(59.34% - 4px);
	background: transparent;
}
.work-life-balance-list li:nth-child(2) .layout-box{
	padding: 50px 6%;
	background: var(--grey05);
}
.work-life-balance-list li:nth-child(2) .layout-box + .layout-box{
	margin-top: 4px;
}
.work-life-balance-list li:nth-child(2) .ico{
	max-width: 170px;
	width: 28%;
}
.work-life-balance-list li:nth-child(2) .txt-area{
	width: 65%;
}
.work-life-balance-list li:nth-child(3),
.work-life-balance-list li:nth-child(4),
.work-life-balance-list li:nth-child(5){
	padding: 35px 5%;
	text-align: center;
}
.work-life-balance-list li:nth-child(3) .ico,
.work-life-balance-list li:nth-child(4) .ico{
	margin-bottom: 10px;
}
.work-life-balance-list li:nth-child(5) .ico{
	margin-bottom: 20px;
}
.work-life-balance-list li:nth-child(3) .txt,
.work-life-balance-list li:nth-child(4) .txt,
.work-life-balance-list li:nth-child(5) .txt{
	text-align: left;
}
.work-life-balance-list li:nth-child(6){
	width: 100%;
	padding: 50px 5%;
}
.work-life-balance-list li:nth-child(6) .layout-box{
	max-width: 825px;
	margin-inline: auto;
}
.work-life-balance-list li:nth-child(6) .ico{
	margin-right: 20px;
}
.work-life-balance-list li:nth-child(n+3){
	margin-top: 4px;	
}
.work-life-balance-list .layout-box{
	align-items: center;
}
.work-life-balance-list h3{
	margin-bottom: 10px;
	font-size: 1.9rem;
	font-weight: 500;
}
.work-life-balance-list .txt{
	
}

/* sustainability07
-----------------------------------------------------------------*/
.sustainability07{
	padding-bottom: 200px;	
}
.education-list{
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}
.education-list li{
	max-width: 350px;
	width: calc((100% - 30px)/3);
}
.education-list .pic{
	margin-bottom: 20px;
}
.education-list h3{
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 1.9rem;
}


/*--------------------------------------------------------------------------
   健康経営 / 健康経営推進体制 / 健康経営の取り組み
---------------------------------------------------------------------------*/

/* sustainability08
-----------------------------------------------------------------*/
.sustainability08{
	padding-bottom: 150px;	
}
.declaration-list{
	display: flex;
	justify-content: space-between;
	margin: 60px 0 20px;
	padding: 	60px 5%;
	border: 1px solid var(--grey03);
}
.declaration-list li{
	max-width: 350px;	
}
.declaration-list li:nth-child(2){
	margin: 0 15px;
}
.declaration-list h4{
	margin-bottom: 20px;
	color: var(--grey02);
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 0;
}
.declaration-list p{
	width: fit-content;
	background: var(--gradient01);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 2.5rem;
	line-height: 1.6;
	text-transform: uppercase;
	letter-spacing: 0;
}
.sustainability08 .txt + h3{
	margin-top: 100px;
}
.sustainability08 .signature{
	margin-top: 50px;
	text-align: right;
	letter-spacing: 0;	
}

/* sustainability09
-----------------------------------------------------------------*/
.sustainability09{
	padding-bottom: 150px;	
}
.sustainability09 .figure{
	text-align: center;
}

/* sustainability10
-----------------------------------------------------------------*/
.sustainability10{
	padding-bottom: 200px;	
}
.sustainability10 .policy{
	margin-top: 30px;
}
.sustainability10 table{
	width: 100%;
	margin-top: 20px;
	border-colapse: collapse;
	text-align: center;
}
.sustainability10 table th,
.sustainability10 table td{
	padding: 20px 10px;
	border: 1px solid var(--white);
	vertical-align: middle;
}
.sustainability10 table tr:nth-child(1) th:nth-child(1){
	background: transparent;
	border: none;
}
.sustainability10 table tr:nth-child(odd) th{
	background: var(--grey01);
}
.sustainability10 table th{
	background: var(--black02);
	color: var(--white);
	font-weight: 500;
}
.sustainability10 table td{
	background: var(--grey05);
}
.sustainability10 table tr:nth-child(even) td{
	background: var(--grey04);
}
.sustainability10 table th small{
	display: block;
	font-size: 1.3rem;
}
.sustainability10 table th .ttl-sub{
	display: block;
	width: fit-content;
	margin: 4px auto 0;
	padding: 5px 25px;
	background: var(--white);
	border-radius: 100vmax;
	color: var(--grey01);
	font-size: 1.3rem;
	line-height: 1;
}
.sustainability10 table th .note{
	display: block;
	color: var(--white);
}


/*--------------------------------------------------------------------------
   コンプライアンス方針・行動指針
---------------------------------------------------------------------------*/

/* sustainability11
-----------------------------------------------------------------*/
.sustainability11{
	padding-bottom: 200px;
}
.sustainability11 .column-box{
	padding: 60px 5%;
	background: var(--grey05);
}
.sustainability11 .txt + .column-box{
	margin: 60px 0 80px;
}
.sustainability11 h4{
	margin-bottom: 15px;
	font-size: 2rem;
	font-weight: 500;	
}

.sustainability11 .column-box ul{
	margin-top: 30px;
}
.sustainability11 .column-box ul li:nth-child(n+2){
	margin-top: 8px;
}
.sustainability11 .date{
	margin-top: 30px;
}
.sustainability11 .layout-box{
	max-width: 900px;
	margin-inline: auto;
}
.sustainability11 .layout-box ol + ol{
	margin-left: 20px;
}
.sustainability11 .btn-list{
	display: flex;
	justify-content: space-between;
	max-width: 900px;
	margin: 50px auto 0;
}
.sustainability11 .btn-list li{
	max-width: 420px;
	width: calc(50% - 5px);
}
.sustainability11 .btn-list .btn-underline a{
	max-width: none;
}
.sustainability11 .btn-list .btn-underline a small{
	display: inline;
	margin-left: 10px;
	padding-left: 13px;
	background: url(../img/common/ico_pdf.svg) no-repeat left center;
	background-size: 10px auto;
	font-size: 1.5rem;
}



























/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {


/*--------------------------------------------------------------------------
   sustainability top
---------------------------------------------------------------------------*/

/* intro
-----------------------------------------------------------------*/
	.intro{
		padding: 40px 0 50px;
	}
	.intro h2{
		margin-bottom: 25px;
		font-size: 1.8rem;
	}
	.intro .txt{
		font-size: 1.4rem;
		line-height: 2;
	}


/* environment
-----------------------------------------------------------------*/
	.environment{
		padding: 0 0 20px;
		overflow: hodden;
	}
	.environment .pic{
		margin: 0 5vw 30px;
	}
	.environment .pic img{
		width: 100%;
		height: 40vw;
		object-fit: cover;
	}
	.environment h2{
		margin-bottom: 10px;
		font-size: 2rem;
	}
	.environment h2 + .txt{
		margin-bottom: 40px;
		font-size: 1.4rem;
	}
	.environment-policy-list{
		margin-bottom: 40px;
	}
	.environment-policy-list li:nth-child(n+3){
		margin-top: 40px;
	}
	.environment-policy-list li > div{
		width: 95%;
	}
	.environment-policy-list h3{
		margin-bottom: 10px;
		font-size: 1.4rem;
	}
	.environment-policy-list .txt{
		font-size: 1.2rem;
	}
	.txt-slider{
		width: 150%;
	}



/* sustainability
-----------------------------------------------------------------*/
	.sustainability{
		padding: 50px 0;
	}
	.sustainability-cont-list > li{
		display: block;
	}
	.sustainability-cont-list > li:nth-child(n+2){
		margin-top: 60px;
	}
	.sustainability-cont-list .pic,
	.sustainability-cont-list .txt-area{
		max-width: none;
		width: 100%
	}
	.sustainability-cont-list .pic{
		margin-top: 30px;
	}
	.sustainability-cont-list h3{
		margin-bottom: 10px;
		font-size: 2.2rem;
	}
	.sustainability-cont-list .txt{
		margin-bottom: 15px;
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.sustainability-link-list{
		display: block;
	}
	.sustainability-link-list li{
		width: 100%;
	}
	.sustainability-link-list .btn-underline a{
		max-width: none;
		font-size: 1.6rem;
	}
	.sustainability-link-list .btn-underline a span{
		width: 100%;
		margin-left: 0;
		padding-right: 20px;
	}
	.sustainability-link-list .btn-underline a:hover span{
		padding-left: 20px;
	}


/*--------------------------------------------------------------------------
   人権方針
---------------------------------------------------------------------------*/
	#Sustainability01,
	#Sustainability02,
	#Sustainability03,
	#Sustainability04,
	#Sustainability06,
	#Sustainability07,
	#Sustainability08,
	#Sustainability11{
		scroll-margin-top: 77px;
	}
	h2.ttl-sec-middle{
		margin-bottom: 25px;	
	}
	main section .inner > h3{
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
	ul.policy,
	ol.policy{
		font-size: 1.3rem;
		text-align: justify;
	}
	ul.policy ol h4, ol.policy h3{
		font-size: 1.5rem;
	}
	ul.policy > li:nth-child(n+2){
		margin-top: 20px;
	}
	ul.policy ol > li:nth-child(n+2),
	ol.policy > li:nth-child(n+2){
		margin-top: 20px;
	}
	ul.policy .txt{
		font-size: 1.4rem;
	}
	main section .date{
		margin-top: 40px;
		font-size: 1.3rem;
	}

/*--------------------------------------------------------------------------
   人権方針
---------------------------------------------------------------------------*/

/* sustainability01
-----------------------------------------------------------------*/
	.sustainability01{
		padding-bottom: 50px;
	}


/*--------------------------------------------------------------------------
   サスティナブル調達基準 / 東京建物グループカスタマーハラスメントに対する基本方針
---------------------------------------------------------------------------*/

/* sustainability02
-----------------------------------------------------------------*/
	.sustainability02{
		padding-bottom: 50px;	
	}
	.sustainability02 .policy ul li{
		text-indent: -1em;
		padding-left: 1em;
	}
	
/* sustainability03
-----------------------------------------------------------------*/
	.sustainability03{
		padding-bottom: 50px;	
	}
	.sustainability03 h3 + .txt{
		font-size: 1.4rem;
	}
	.sustainability03 p + h3{
		margin-top: 20px;
	}
	.sustainability03 p.txt-s + ul{
		margin-top: 10px;
	}
	.sustainability03 ul.txt-s li{
		text-indent: -1em;
		padding-left: 1em;		
	}


/*--------------------------------------------------------------------------
   女性活躍推進 / 主な取り組み
---------------------------------------------------------------------------*/

/* sustainability04
-----------------------------------------------------------------*/
	.sustainability04{
		padding-bottom: 60px;	
	}
	.sustainability04 .ttl-sec-middle{
		margin-bottom: 25px;
	}
	.sustainability04 .ttl-sec-middle + .txt{
		font-size: 1.4rem;
	}

/* sustainability05
-----------------------------------------------------------------*/
	.sustainability05{
		padding-bottom: 50px;	
	}
	.sustainability05 h2.ttl-sec-middle{
		margin-bottom: 25px;
	}
	.sustainability05 .policy{
		margin-bottom: 20px;
	}
	.sustainability05 .policy h3{
		text-indent: -1.3em;
		padding-left: 1.3em;			
	}
	.sustainability05 .eruboshi{
		display: block;
		margin-top: 40px;
		padding: 30px 8% 35px;
	}
	.sustainability05 .eruboshi .logo{
		width: 65%;
		margin: 15px auto 0;
	}
	.sustainability05 .eruboshi .txt-area{
		width: 100%;
	}
	.sustainability05 .eruboshi h3{
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
	.sustainability05 .eruboshi .txt{
		font-size: 1.3rem;
	}
	.sustainability05 .eruboshi .txt + .txt{
		margin-top: 15px;	
	}
	.sustainability05 .eruboshi .txt a{
		margin-right: 3px;
		padding-right: 13px;
		background-size: 11px auto;
	}
	.sustainability05 .eruboshi .txt a:hover{
		text-decoration: none;
	}


/*--------------------------------------------------------------------------
   労働環境＆ワークライフバランス / 人材育成
---------------------------------------------------------------------------*/

/* sustainability06
-----------------------------------------------------------------*/
	.sustainability06{
		padding-bottom: 50px;	
	}
	.sustainability06 h2 + .txt{
		font-size: 1.4rem;
	}
	.work-life-balance-list{
		display: block;
		margin-top: 30px;	
	}
	.work-life-balance-list li{
		width: 100%;
	}
	.work-life-balance-list li:nth-child(1){
		display: flex;
		align-items: center;
		width: 100%;
	}
	.work-life-balance-list li:nth-child(1) .layout-box{
		padding: 15px 4%;
	}
	.work-life-balance-list li:nth-child(1) .ico{
		flex-shrink: 0;
		width: 30%;
		margin-right: 0;
	}
	.work-life-balance-list li:nth-child(2){
		width: 100%;
		margin-top: 4px;
	}
	.work-life-balance-list li:nth-child(2) .layout-box{
		padding: 20px 5%;
	}
	.work-life-balance-list li:nth-child(2) .ico{
		flex-shrink: 0;
		max-width: none;
		width: 30%;
	}
	.work-life-balance-list li:nth-child(1) .txt-area,
	.work-life-balance-list li:nth-child(2) .txt-area{
		width: 70%;
	}
	.work-life-balance-list li:nth-child(3),
	.work-life-balance-list li:nth-child(4),
	.work-life-balance-list li:nth-child(5){
		padding: 15px 4%;
		text-align: left;
	}
	.work-life-balance-list li:nth-child(3) > div,
	.work-life-balance-list li:nth-child(4) > div,
	.work-life-balance-list li:nth-child(5) > div{
		display: flex;
		align-items: center;
	}
	.work-life-balance-list .ico{
		flex-shrink: 0;
		width: 30%;
		margin-right: 10px;
	}
	.work-life-balance-list li:nth-child(3) .ico,
	.work-life-balance-list li:nth-child(4) .ico{
		margin-bottom: 0;
	}
	.work-life-balance-list li:nth-child(5) .ico{
		margin-bottom: 0;
	}
	.work-life-balance-list li:nth-child(3) .txt,
	.work-life-balance-list li:nth-child(4) .txt,
	.work-life-balance-list li:nth-child(5) .txt{
		text-align: left;
	}
	.work-life-balance-list li:nth-child(6){
		padding: 15px 4%;
	}
	.work-life-balance-list li:nth-child(6) .layout-box{
		max-width: 825px;
		margin-inline: auto;
	}
	.work-life-balance-list li:nth-child(6) .ico{
		margin-right: 10px;
	}
	.work-life-balance-list li:nth-child(n+3){
		margin-top: 4px;	
	}
	.work-life-balance-list h3{
		margin-bottom: 5px;
		font-size: 1.5rem;
	}
	.work-life-balance-list h3 small{
		font-size: 1.3rem;
	}
	.work-life-balance-list .txt{
		font-size: 1.2rem;
	}

/* sustainability07
-----------------------------------------------------------------*/
	.sustainability07{
		padding-bottom: 50px;	
	}
	.sustainability07 h2 + .txt{
		font-size: 1.4rem;
	}
	.education-list{
		margin-top: 30px;
		display: block;
	}
	.education-list li:nth-child(n+2){
		margin-top: 30px;
	}
	.education-list li{
		width: auto;
		margin-inline: auto;
	}
	.education-list .pic{
		margin-bottom: 10px;
	}
	.education-list h3{
		font-size: 1.6rem;
	}
	.education-list .txt{
		font-size: 1.3rem;
	}


/*--------------------------------------------------------------------------
   健康経営 / 健康経営推進体制 / 健康経営の取り組み
---------------------------------------------------------------------------*/

/* sustainability08
-----------------------------------------------------------------*/
	.sustainability08{
		padding-bottom: 50px;	
	}
	.sustainability08 .txt{
		font-size: 1.4rem;
	}
	.declaration-list{
		display: block;
		margin: 30px 0 10px;
		padding: 	30px 20px;
	}
	.declaration-list li{
		max-width: none;	
	}
	.declaration-list li:nth-child(n+2){
		margin: 20px 0 0;
	}
	.declaration-list h4{
		margin-bottom: 5px;
	}
	.declaration-list p{
		font-size: 2rem;
	}
	.sustainability08 .txt + h3{
		margin-top: 40px;
	}
	.sustainability08 .signature{
		margin-top: 25px;
		font-size: 1.4rem;
	}

/* sustainability09
-----------------------------------------------------------------*/
	.sustainability09{
		padding-bottom: 50px;	
	}
	.sustainability09 .figure{
		width: calc(100% + 5vw);
		overflow: auto;
		padding-bottom: 15px;
	}
	.sustainability09 .figure img{
		max-width: none;
		width: 700px;
	}

/* sustainability10
-----------------------------------------------------------------*/
	.sustainability10{
		padding-bottom: 50px;	
	}
	.sustainability10 .txt{
		font-size: 1.4rem;
	}
	.sustainability10 .policy{
		margin-top: 30px;
	}
	.table-area{
		width: calc(100% + 5vw);
		padding-bottom: 15px;
		overflow: auto;
	}
	.sustainability10 table{
		width: 700px;
		margin: 20px 5vw 0 0;
	}


/*--------------------------------------------------------------------------
   コンプライアンス方針・行動指針
---------------------------------------------------------------------------*/

/* sustainability11
-----------------------------------------------------------------*/
	.sustainability11{
		padding-bottom: 50px;
	}
	.sustainability11 .column-box{
		padding: 30px 20px;
	}
	.sustainability11 .txt + .column-box{
		margin: 30px 0 40px;
	}
	.sustainability11 h4{
		margin-bottom: 10px;
		font-size: 1.6rem;
	}
	.sustainability11 h3 + .txt
	.sustainability11 h4 + .txt{
		font-size: 1.4rem;
	}
	.sustainability11 .column-box ul li{
		text-indent: -1em;
		padding-left: 1em;
		font-size: 1.3rem;
	}
	.sustainability11 .date{
		margin-top: 20px;
	}
	.sustainability11 .layout-box{
		display: block;
	}
	.sustainability11 .layout-box ol + ol{
		margin: 0;
	}
	.sustainability11 .layout-box ol li{
		text-indent: -2em;
		padding-left: 2em;
		font-size: 1.3rem;
	}
	.sustainability11 .btn-list{
		display: block;
		max-width: 420px;
		margin: 30px auto 0;
	}
	.sustainability11 .btn-list li{
		width: 100%;
	}
	.sustainability11 .btn-list .btn-underline a{
		max-width: none;
		font-size: 1.5rem;
	}
	.sustainability11 .btn-list .btn-underline a small{
		margin-left: 5px;
		font-size: 1.3rem;
	}


}