/* sustainability */
#sustainability .absolute h2{ opacity: 1; transition: opacity 0.7s; }
#sustainability .item p{ font-size: 25px; }
#sustainability .item p::after{ width: 14px; height: 14px; }

@media screen and (max-width: 1700px){
	#sustainability .item a{ padding: 30px 20px; }
	#sustainability .item p{ font-size: 20px; }
	#sustainability .item p::after{ margin-top: -2px; margin-left: 5px; }
}

@media screen and (max-width: 1300px){
	#sustainability .flex-box{ margin-bottom: -5px; }
	#sustainability .item{ width: calc((100% - 5px) / 2); margin-bottom: 5px; }
	#sustainability .item:nth-of-type(1){ border-radius: 20px 0 0 0; }
	#sustainability .item:nth-of-type(2){ border-radius: 0 20px 0 0; }
	#sustainability .item:nth-of-type(3){ border-radius: 0 0 0 20px; }
	#sustainability .item:nth-of-type(4){ border-radius: 0 0 20px 0; }
	#sustainability .item:nth-of-type(even){ margin-right: 0; }
	#sustainability .item a{ height: calc((100vh - 45px - 5px - var(--headerH)) / 2); justify-content: center; padding: 30px 10px; }
	#sustainability .item p{ font-size: 24px; }
}

@media screen and (max-width: 700px){
	#sustainability .item{ width: 100%; border-radius: 0 !important; margin-right: 0 !important; }
	#sustainability .item:first-of-type{ border-radius: 20px 20px 0 0 !important; }
	#sustainability .item:last-of-type{ border-radius: 0 0 20px 20px !important; }
	#sustainability .item a{ height: calc((100vh - 45px - 15px - var(--headerH)) / 4); }
	#sustainability .item p{ font-size: 22px; }

	#sustainability .item:nth-of-type(2) .bg img{ object-position: 50% 40%; }
	#sustainability .item:nth-of-type(3) .bg img{ object-position: 50% 19%; }
	#sustainability .item:nth-of-type(4) .bg img{ object-position: 50% 37%; }

	#sustainability.end .absolute h2{ opacity: 0; }
}


/* notice */
#notice .flex-layout .item, 
#notice .flex-layout.active .item, 
#notice .flex-layout .item:hover{ width: 100% !important; }
#notice .flex-layout .item dl dd{ padding-bottom: 2.6em; }