@charset "utf-8";

/* **********************************************************
	common overwrite
********************************************************** */
@media print, screen and (min-width: 0px) {
	h1 { /* height: 89px */
		background: #ffffff url(/sustainability/images/bg_h1.png) repeat-y;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border-left: 0px;
		border-bottom: 1px solid #e5e7e6;
		display: table;
		font-weight: normal;
		line-height: 1.6;
		padding: 0 30px;
		width: 100%;
		height: 89px;
	}
		h1 span {
			display: table-cell;
			font-size: 175%;
			font-size: 2.8rem;
			vertical-align: middle;
			padding: 0;
		}
	h2 {
		font-size: 150%;
		font-size: 2.4rem;
		font-weight: normal;
		line-height: 1.6;
		position: relative;
		padding: 10px 0 10px 20px;
	}
	h2:after {
		border-top: 2px solid #009651;
		content: "";
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 70px;
	}
}
@media screen and (max-width: 666px) {
	h1 { /* height: 154px */
		background: #ffffff url(/sustainability/images/bg_h1_sp.png) repeat-y;
		background-size: 24vw auto;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-size: 24.37vw auto;
		border-left: 0px;
		border-bottom: 1px solid #e5e7e6;
		display: table;
		font-weight: normal;
		line-height: 1.6;
		padding: 0 8.12%;
		width: 100%;
		height: 24.06vw;
	}
		h1 span {
			display: table-cell;
			font-size: 5.62vw;
			vertical-align: middle;
			padding: 0;
		}
	h1:after {
		display: none;
	}
	h2 {
		font-size: 5.62vw;
		font-weight: normal;
		line-height: 1.6;
		position: relative;
		padding: 1.7% 0 1.7% 4.25%;
	}
	h2:after {
		border-top: 2px solid #009651;
		content: "";
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 17.18vw;
	}
	
	.cmn__f14 {
		font-size: 4.37vw;
	}
}

/* **********************************************************
	sustainability__contact
********************************************************** */
@media print, screen and (min-width: 0px) {
	.sustainability__contact {
	}
		.sustainability__contact table {
			border-top: 1px solid #e5e7e6;
			font-size: 87.5%;
			font-size: 1.4rem;
			width: 100%;
		}
		.sustainability__contact th {
			border-bottom: 1px solid #e5e7e6;
			border-right: 1px solid #e5e7e6;
			padding: 10px 15px;
			width: 5em;
			white-space:nowrap;
		}
		.sustainability__contact td {
			border-bottom: 1px solid #e5e7e6;
			padding: 10px 15px;
		}


		.sustainability__contact h3 {
			font-size: 2.0rem;
			font-weight: 500;
		}

}
@media screen and (max-width: 666px) {
	.sustainability__contact {
	}
		.sustainability__contact table {
			border-top: 1px solid #e5e7e6;
			font-size: 3.75vw;
			width: 100%;
		}
		.sustainability__contact tr {
				border-bottom: 1px solid #e5e7e6;
				display: block;
				padding: 3.4%;
		}
		.sustainability__contact tr:after {
				height: 0;
				visibility: hidden;
				content: ".";
				display: block;
				clear: both;
		}
		.sustainability__contact th {
			border-bottom: 0px;
			border-right: 0px;
			display: block;
			float:left;
			font-weight: bold;
			padding: 0;
			width: auto;
		}
		.sustainability__contact td {
			border-bottom: 0px;
			clear: left;
			display: block;
			float:left;
			padding: 0;
		}

		table td .cmn__f12{
			line-height:1.2;}


		.sustainability__contact h3 {
			font-size: 5vw;
			font-weight:700;
		}

}