@charset "utf-8";
/*------------------------------------------------------------
	sustainability
------------------------------------------------------------*/
#main .page-visual {
	margin-bottom: 52px;
	background-image: url("../images/sustainability/main_img.jpg");
}
#main .flex-box {
	margin-bottom: 17px;
	display: flex;
	justify-content: space-between;
}
#main .photo-box {
	width: calc(50% + 183px);
}
#main .photo-box img {
	width: 100%;
}
#main .photo-box a {
	color: #2D466C;
	display: block;
	position: relative;
	font-size: 2.4rem;
	font-weight: 500;
}
#main .photo-box .small {
	margin-top: 12px;
	display: block;
	font-size: 1.6rem;
}
#main .photo-box .top {
	margin: 0 0 11px;
}
#main .photo-box .txt {
	position: absolute;
	bottom: 73px;
	left: 80px;
}
#main .policy-box {
	margin-left: 17px;
	flex: 1;
}
#main .policy-box a {
	padding: 33px 40px 23px;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	display: block;
	background-color: #77A60C;
	line-height: 1.18;
}
#main .policy-box .image {
	margin-left: 6px;
	text-align: center;
}
#main .policy-box .flex {
	margin-bottom: 4px;
}
#main .policy-box .flex .icon {
	width: 65px;
	flex-shrink: 0;
}
#main .policy-box .flex .txt {
	margin: 6px 0 0 15px;
	flex: 1;
}
#main .link-ul {
	margin-bottom: 80px;
}
#main .link-ul li {
	margin-bottom: 17px;
}
#main .link-ul li:last-child {
	margin-bottom: 0;
}
#main .link-ul a {
	height: 144px;
	color: #064099;
	font-weight: bold;
	font-size: 2.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url("../images/sustainability/bg01.jpg") no-repeat right top / cover;
}
#main .link-ul .num02 a {
	background-image: url("../images/sustainability/bg02.jpg");
}
#main .headline04 {
	margin-bottom: 41px;
	text-align: center;
}
#main .list-ul {
	margin: 0 -8px;
	display: flex;
	flex-wrap: wrap;
}
#main .list-ul li {
	padding: 0 8px;
	width: 33.33%;
	box-sizing: border-box;
}
#main .list-ul a {
	color: #fff;
	display: block;
	font-size: 2.2rem;
	font-weight: 500;
	text-align: center;
}
#main .list-ul img {
	width: 100%;
}
#main .list-ul p {
	padding: 11px 8px 16px;
	background-color: #064099;
}
#main .environment-box {
	margin-bottom: 83px;
}
#main .news-box .tab-box {
	display: none;
}
#main .com-type-ul {
	border-bottom: 1px solid #D5DAE1;
	margin-bottom: 16px;
}
#main .com-type-ul li {
	margin-bottom: -1px;
}
#main .com-type-ul a {
	color: #064099;
}
#main .com-type-ul .on {
	border-color: #064099;
}

.com-list-dl .lable .type.nontop{
display:none;
}




@media all and (min-width: 897px) {
	#main .policy-box a:hover,
	#main .photo-box a:hover,
	#main .link-ul a:hover {
		opacity: 0.7;
	}
	#main .list-ul a:hover {
		opacity: 0.7;
	}
	#main .com-list-dl .lable {
		margin-bottom: 3px;
	}
	#main .com-list-dl dd {
		margin-bottom: 13px;
		padding: 0 0 9px 10em;
	}
}
@media all and (max-width: 896px) {
	#main .flex-box {
		display: block;
	}
	#main .photo-box {
		margin-bottom: 50px;
		width: auto;
	}
	#main .policy-box {
		margin-left: 0;
	}
	#main .photo-box .txt {
		margin-top: 20px;
		position: static;
		bottom: auto;
		left: auto;
	}
	#main .photo-box a {
		font-size: 2rem;
	}
	#main .photo-box .small {
		margin-top: 6px;
		font-size: 1.3rem;
	}
	#main .photo-box .top {
		margin: 0 0 5px;
	}
	#main .policy-box .flex {
		margin: 0 auto 10px;
		max-width: 260px;
		font-size: 1.8rem;
	}
	#main .policy-box .flex .icon {
		width: 54px;
	}
	#main .list-ul {
		margin: 0;
		display: block;
	}
	#main .list-ul li {
		margin-bottom: 20px;
		padding: 0;
		width: auto;
	}
	#main .list-ul a {
		font-size: 1.8rem;
	}
	#main .news-box {
		margin: 0 -20px 0;
	}
}