/*
* SHUTOKO_MULTILINGUAL
* /about/initiatives/environment_coexistence.css
*
*/
/* ------------------------
  Table Styles
------------------------ */
.ui-table {
	margin: 0 auto;
	padding-top: 32px; 
	max-width: 832px;
}
@media screen and (max-width: 1023px) {
	.ui-table {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.ui-table {
		max-width: 476px;
	}
}
.ui-table li {
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #dedede; 
	line-height: 1.2;

	-ms-flex-wrap: wrap;

	    flex-wrap: wrap;
}
.ui-table li:first-child {
	border-top: 1px solid #dedede;
}
@media print, screen and (min-width: 768px) {
	.ui-table li {
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 767px) {
	.ui-table li {
		font-size: 1.4rem;
	}
}
.ui-table li.header {
	border-top: 0;
}
@media screen and (max-width: 767px) {
	.ui-table li.header {
		display: none;
	}
}
.ui-table li.header span {
	border-left: 0;
}
.ui-table li > * {
	padding: 9px 8px 10px 8px;
}
.ui-table .bg-green {
	background-color: #f8feff;
}
.ui-table .header {
	padding-bottom: 8px; 
	font-size: 19.2px; 
	font-size: 1.2rem;
	line-height: 1.25;
}
.ui-table .header > * {
	padding: 2px 0;
	text-align: center;
}
.ui-table .ttl-sp {
	display: block; 
	padding-bottom: 2px;
	font-size: 16px;
	font-size: 1rem;
}
@media print, screen and (min-width: 768px) {
	.ui-table .ttl-sp {
		display: none;
	}
}

@media print, screen and (min-width: 768px) {
	.ui-table-separate li:not(.header) {
		border-right: 1px solid #dedede; 
		border-left: 1px solid #dedede;
	}
}

@media screen and (max-width: 767px) {
	.ui-table-separate li:not(.header) {
		border: 1px solid #dedede;
	}
	.ui-table-separate li:not(.header):not(:last-child) {
		margin-bottom: 16px;
	}
}

.ui-table-caption {
	margin: 0 auto; 
	padding: 4px 0;
	max-width: 832px;
	text-align: right;
	font-size: 19.2px;
	font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
	.ui-table-caption {
		max-width: 476px;
	}
}

/* ------------------------
  List Slim Version
------------------------ */
.ui-list-slim {
	padding: 8px 0; 
	font-size: 25.6px; 
	font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
	.ui-list-slim {
		padding: 8px 0;
	}
}
.ui-list-slim li {
	padding-left: 1em;
	text-align: left; 
	text-indent: -0.5em;
}
.ui-list-slim li:not(:first-child) {
	margin-top: 8px;
}
.ui-list-slim li > ol,
.ui-list-slim li > ul {
	padding: 0 0 0 4px;
}
.ui-list-slim li > ol > li:not(:first-child),
.ui-list-slim li > ul > li:not(:first-child) {
	margin-top: 2px;
}

.ui-list-slim-num > li {
	text-indent: -1em;
}

.ui-list-slim-dots > li:before {
	content: "";
	display: inline-block;
	position: relative;
	top: -1px;
	left: -3px;
	margin-right: 5px;
	border-radius: 2px;
	width: 4px;
	height: 4px;
	background-color: #333;
	vertical-align: middle;
}

/* --------------------------------
    Environment Coexistence
-------------------------------- */
@media screen and (max-width: 767px) {
	.p-environment-coexistence .ui-article h3 {
		margin-top: 50px;
	}
}

.p-environment-coexistence .ui-article h3 + .ui-grid {
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
	.p-environment-coexistence .ui-article h3 + .ui-grid {
		margin-top: 0;
	}
}

.p-environment-coexistence .ui-article h4 {
	margin-top: 30px;
}
@media screen and (max-width: 767px) {
	.p-environment-coexistence .ui-article h4 {
		margin-top: 40px;
	}
}
.p-environment-coexistence .ui-article h4 + .ui-grid {
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	.p-environment-coexistence .ui-article h4 + .ui-grid > :first-child {
		margin-top: 8px;
	}
}

.p-environment-coexistence .ui-article h5 {
	margin-top: 30px; 
	font-weight: bold;
}
.p-environment-coexistence .ui-article h5 + .ui-grid {
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	.p-environment-coexistence .ui-grid p {
		padding: 8px;
	}
	.p-environment-coexistence .ui-grid p:first-child {
		padding-top: 0;
	}
}

.p-environment-coexistence .ui-list-slim {
	margin-top: 10px;
}
@media print, screen and (min-width: 768px) {
	.p-environment-coexistence .ui-list-slim li {
		line-height: 1.875;
	}
}

@media print, screen and (min-width: 768px) {
	.p-environment-coexistence .ui-table-creature {
		margin-right: 8px; 
		margin-left: 8px;
	}
}

@media screen and (max-width: 767px) {
	.p-environment-coexistence .ui-table-creature {
		padding-top: 20px;
	}
}

.p-environment-coexistence .ui-table-creature li {
	line-height: 1.5;
}
.p-environment-coexistence .ui-table-creature li > * {
	padding: 16px;
}
@media screen and (max-width: 767px) {
	.p-environment-coexistence .ui-table-creature li .category {
		border-bottom: 1px solid #dedede; 
		width: 100%;
	}
	.p-environment-coexistence .ui-table-creature li .category br {
		display: none;
	}
	.p-environment-coexistence .ui-table-creature li .name {
		width: 100%;
	}
}
@media print, screen and (min-width: 768px) {
	.p-environment-coexistence .ui-table-creature li .category {
		border-right: 1px solid #dedede; 
		width: 31.65025%;
	}
	.p-environment-coexistence .ui-table-creature li .name {
		width: 68.34975%;
	}
}

.p-environment-coexistence .article-minobu > p {
	margin-bottom: 20px;
}
.p-environment-coexistence .article-minobu > p + .ui-grid {
	margin-top: 20px;
}

.p-environment-coexistence .article-minobu .ui-grid + p {
	margin-top: 60px;
}
@media screen and (max-width: 767px) {
	.p-environment-coexistence .article-minobu .ui-grid + p {
		margin-top: 40px;
	}
}

.p-environment-coexistence .article-green .img {
	margin-top: 20px;
}

.p-environment-coexistence .article-oohoshi h4 {
	margin-top: 60px;
}
@media screen and (max-width: 767px) {
	.p-environment-coexistence .article-oohoshi h4 {
		margin-top: 50px;
	}
}