@charset "utf-8";

/* ****************************************************
iijnews.css
Define container /news/iijnews/.
***************************************************** */
@media print, screen and (min-width: 769px) {

	/* over-ride
	=================================*/
	#header-container,
	#footer-container {
		min-width: 1220px;
	}
	/* common settings
	=================================*/
	#contentsContainer.sustainabilityTop {
		width: 100%;
		min-width: 1220px;
		margin-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
	#contentsContainer.sustainabilityTop * {
		box-sizing: border-box;
	}
	#contentsContainer.sustainabilityTop {
		width: 100%;
	}
	#contentsContainer.sustainabilityTop img {
		vertical-align: bottom;
	}
	
	#contentsContainer.sustainabilityTop .sustainabilityTop-section01 {
		padding: 0 10px;
		margin-top: 45px;
	}
	#contentsContainer.sustainabilityTop .sustainabilityTop-section02,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section04 {
		padding: 0 10px;
		margin-top: 60px;
	}
	#contentsContainer.sustainabilityTop .sustainabilityTop-section03{
		padding: 0 10px;
		margin-top: 50px;
	}
	#contentsContainer.sustainabilityTop .sustainabilityTop-section01_inner,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section02_inner,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section03_inner,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section04_inner {
		width: 1200px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#contentsContainer.sustainabilityTop .sustainabilityTop-section01_inner > *:first-of-type,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section02_inner > *:first-of-type,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section03_inner > *:first-of-type,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section04_inner > *:first-of-type {
		margin-top: 0;
	}

/* class name
---------------------------------*/
/* sustainabilityTop-heading01 */
	.sustainabilityTop-heading01 {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		height: 201px;
		padding: 0 10px;
		background: url(/sustainability/images/index_bg01.jpg) no-repeat 50% 0;
		background-size: cover;
	}
	.sustainabilityTop-heading01_inner {
		width: 1200px;
		max-width: 100%;
	}
	.sustainabilityTop-heading01_inner > h1{
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		color: #fff;
	}

/* sustainabilityTop-heading02 */
	.sustainabilityTop-heading02 + * {
		margin-top: 35px!important;
	}
	.sustainabilityTop-heading02 > h2{
		font-size: 30px;
		font-weight: bold;
		color: #333;
		text-align: center;
	}
/* sustainabilityTop-card */
	.sustainabilityTop-card-wrap {
		display: flex;
		flex-flow: row wrap;
		margin-top: 45px;
	}
	.sustainabilityTop-card {
		display: flex;
	}
	.sustainabilityTop-card__type {
		width: 100%;
		position: relative;
		overflow: hidden;
		background-color: #fff;
		box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
	}
	.sustainabilityTop-card__image {
		width: 100%;
	}
	.sustainabilityTop-card__image > img{
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.sustainabilityTop-card__body {
		padding: 15px 15px 15px 30px;
		display: flex;
		align-items: center;
		text-decoration: none;
	}
	.sustainabilityTop-card__title {
		font-size: 18px;
		font-weight: bold;
	}
/* column */
	[data-col-pc]:not([data-col-pc="1"]) {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	[data-col-pc]:not([data-col-pc=auto])>* {
		margin-top: 1.25em;
		margin-left: 36px;
	}
	[data-col-pc="1"] > :nth-child(1n+1) {
			margin-left: 0 !important;
	}
	[data-col-pc="1"] > :nth-child(-n+1) {
			margin-top: 0 !important;
	}
	[data-col-pc="1"]>* {
		width: 100%;
	}
	[data-col-pc="2"] > :nth-child(odd) {
			margin-left: 0 !important;
	}
	[data-col-pc="2"] > :nth-child(-n+2) {
			margin-top: 0 !important;
	}
	[data-col-pc="2"] > * {
			width: calc(((100% - (36px)) / 2) - 0.1px);
	}
	[data-col-pc="3"] > :nth-child(3n+1) {
			margin-left: 0 !important;
	}
	[data-col-pc="3"] > :nth-child(-n+3) {
			margin-top: 0 !important;
	}
	[data-col-pc="3"] > * {
			width: calc(((100% - (72px)) / 3) - 0.1px);
	}
	[data-col-pc="4"] > :nth-child(4n+1) {
			margin-left: 0 !important;
	}
	[data-col-pc="4"] > :nth-child(-n+4) {
			margin-top: 0 !important;
	}
	[data-col-pc="4"] > * {
			width: calc(((100% - (108px)) / 4) - 0.1px);
	}

/* sustainabilityTop-banner */
	.sustainabilityTop-banner {
		margin-top: 50px;
	}
	.sustainabilityTop-banner__type {
		display: block;
		position: relative;
	}
	.sustainabilityTop-banner__type:hover .sustainabilityTop-banner__title{
		text-decoration: underline;
	}
	.sustainabilityTop-banner__title {
		position: absolute;
		top: 41%;
		right: 7%;
		font-size: 23px;
		font-weight: bold;
	}
	.sustainabilityTop-banner__title::after {
		width: 15px;
		height: 15px;
		display: inline-block;
		position: relative;
		border-top: 1px solid;
		border-right: 1px solid;
		vertical-align: middle;
		content: "";
		transform: rotate(45deg);
		margin-left: 5px;
		top: -2px;
	}
/* sustainabilityTop-section02 */
	.sustainabilityTop-section02 {
		position: relative;
		background: url("/sustainability/images/index_bg02.jpg");
		background-repeat: repeat;
		background-position: 50% 50%;
	}
	.sustainabilityTop-section02::after {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%);
	}
	.sustainabilityTop-section02_inner {
		padding: 50px 0 60px;
		position: relative;
		z-index: 1;
	}
	.sustainabilityTop-section02_heading02 >h2 {
		font-size: 30px;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	.sustainabilityTop-section02_heading02{
		margin-top: 60px;
	}
	.sustainabilityTop-section02_heading02 + * {
		margin-top: 35px!important;
	}
/* sustainabilityTop-card-v2 */
	.sustainabilityTop-card-v2-wrap{
		display: flex;
		flex-flow: row wrap;
		margin: 45px 0 0;
	}
	.sustainabilityTop-card-v2 {
		display: flex;
	}
	.sustainabilityTop-card-v2__type {
		position: relative;
		width: 100%;
		overflow: hidden;
		background-color: #333;
		color: #fff;
		text-align: center;
		text-decoration: none;
		box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
	}
	.sustainabilityTop-card-v2__type:hover {
		background-color: #d7063b;
		text-decoration: none;
	}
	.sustainabilityTop-card-v2__image > img{
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.sustainabilityTop-card-v2__head + .sustainabilityTop-card-v2__body {
		padding-top: 16px;
	}
	.sustainabilityTop-card-v2__body {
		padding: 0 30px 18px;
	}
	.sustainabilityTop-card-v2__title {
		font-size: 18px;
		font-weight: bold;
		color: #fff;
	}
/* sustainabilityTop-story */
	.sustainabilityTop-story > .sustainabilityTop-story__item {
		position: relative;
		padding-bottom: 40px;
		margin-bottom: 80px;
	}
	.sustainabilityTop-story__item > *:first-child {
		margin-top: 0!important;
	}
	.sustainabilityTop-story > .sustainabilityTop-story__item:last-of-type {
		padding-bottom: 0;
		margin-bottom: 0;
		position: static;
	}

/* sustainabilityTop-section04 */
	#contentsContainer.sustainabilityTop .sustainabilityTop-section04 {
		position: relative;
		background: #f4f4f4;
	}
	.sustainabilityTop-section04_inner {
		padding: 55px 0;
		position: relative;	
	}
/* sustainabilityTop-card-wrap-v2 */
	.sustainabilityTop-card-wrap-v2 {
		margin-top: 45px;
		padding: 30px 25px;
		background-color: #f1ede6;
		box-sizing: border-box;
	}
	.sustainabilityTop-card-wrap-v2[data-col-pc]:not([data-col-pc=auto]) > * {
		margin-left: 26px;
	}
	.sustainabilityTop-card-wrap-v2[data-col-pc="2"] > * { width: calc(((100% - (26px)) / 2) - 0.1px); }
	.sustainabilityTop-card-wrap-v2[data-col-pc="3"] > * { width: calc(((100% - (52px)) / 3) - 0.1px); }
	.sustainabilityTop-card-wrap-v2[data-col-pc="4"] > * { width: calc(((100% - (78px)) / 4) - 0.1px); }
/* sustainabilityTop-card-v3 */
	.sustainabilityTop-card-v3 {
		display: flex;
		flex-flow: column wrap;
		background-color: #fff;
		box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
	}
	.sustainabilityTop-card-v3__type {
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.sustainabilityTop-card-v3__body {
		position: relative;
		padding: 15px 55px 15px 70px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		background-color: #333;
		color: #fff;
	}
	a:hover .sustainabilityTop-card-v3__body {
		background-color: #d7063b;
		text-decoration: none;
	}
	.sustainabilityTop-card-v3__title {
		font-size: 20px;
		font-weight: bold;
	}
	.sustainabilityTop-card__icon {
		position: absolute;
		width: 38px;
		top: 50%;
		left: 25px;
		transform: translateY(-50%);
	}
	.sustainabilityTop-card__icon > img {
		max-width: 100%;
	}
	.sustainabilityTop-card__caption {
		margin: 15px 15px 0;
		font-size: 18px;
		font-weight: bold;
	}
	.sustainabilityTop-card__detail {
		padding: 20px;
	}
	.sustainabilityTop-card__list > li {
		padding-left: 16px;
		background: url(/common/images/com_icn01.png) no-repeat 0 0.4em;
	}
	.sustainabilityTop-card__list > li + li {
		margin-top: 0.55em;
	}
	.sustainabilityTop-card__list-v2 > li {
		position: relative;
		padding-left: 12px;
	}
	.sustainabilityTop-card__list-v2 > li::before {
		display: block;
		position: absolute;
		width: 4px;
		height: 4px;
		left: 0;
		top: 10px;
		background-color: #000;
		border-radius: 2px;
		content: '';
	}
	.sustainabilityTop-card__list > li + li {
		margin-top: 0.55em;
	}
	.sustainabilityTop-card__list-nest {
		margin-top: 0.25em;
	}
	.sustainabilityTop-card__detail > *:first-of-type,
	.sustainabilityTop-card__list-nest > *:first-of-type {
		margin-top: 0 !important;
	}
/* sustainabilityTop-card-v4 */
	.sustainabilityTop-card-v4 {
		display: flex;
		flex-flow: column wrap;
		background-color: #fff;
	}
	.sustainabilityTop-card-v4__body {
		position: relative;
		padding: 10px 40px 10px 55px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		background-color: #333;
		color: #fff;
	}
	a:hover .sustainabilityTop-card-v4__body {
		background-color: #d7063b;
		text-decoration: none;
	}
	.sustainabilityTop-card-v4__title {
		font-size: 18px;
		font-weight: bold;
	}
	.sustainabilityTop-card-v4__icon {
		position: absolute;
		width: 30px;
		top: 50%;
		left: 20px;
		transform: translateY(-50%);
	}
	.sustainabilityTop-card-v4__icon > img {
		max-width: 100%;
	}
	.sustainabilityTop-card-v4__caption {
		margin: 10px 15px 0;
		font-size: 16.5px;
		font-weight: bold;
	}
	.sustainabilityTop-card-v4__detail {
		padding: 25px 15px;
	}
	.sustainabilityTop-card__subtitle {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.sustainabilityTop-card__subtitle > span {
		display: inline-block;
		padding: 4px 15px;
		background-color: #0189c3;
		color: #fff;
	}
	.sustainabilityTop-card__detaillist {
		margin-top: 0.8em;
	}
	.sustainabilityTop-card__detaillist + .sustainabilityTop-card__detaillist {
		margin-top: 1.35em;
	}
	.sustainabilityTop-card__detaillist > dt {
		position: relative;
		padding-left: 22px;
		font-size: 16.5px;
		font-weight: bold;
	}
	.sustainabilityTop-card__detaillist > dt::before {
		display: block;
		position: absolute;
		width: 12px;
		height: 4px;
		top: 12px;
		left: 0;
		background-color: #d7083b;
		content: ''
	}
	.sustainabilityTop-card__detaillist > dd {
		margin-top: 0.4em;
		padding-left: 22px;
	}
}
@media only screen and (max-width: 768px) {

	/* common settings
	=================================*/
	#contentsContainer.sustainabilityTop {
		margin-top: 0;
	}
	#contentsContainer.sustainabilityTop > *:last-of-type {
		padding-bottom: 40px;
	}
	#contentsContainer.sustainabilityTop img {
		vertical-align: bottom;
	}
	#contentsContainer.sustainabilityTop .sustainabilityTop-section01 {
		margin-top: 22px;
	}
	#contentsContainer.sustainabilityTop .sustainabilityTop-section02,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section03,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section04 {
		margin-top: 45px;
	}
	#contentsContainer.sustainabilityTop .sustainabilityTop-section01_inner,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section02_inner,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section03_inner,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section04_inner {
		padding: 0 15px;
	}
	#contentsContainer.sustainabilityTop .sustainabilityTop-section01_inner > *:first-of-type,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section02_inner > *:first-of-type,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section03_inner > *:first-of-type,
	#contentsContainer.sustainabilityTop .sustainabilityTop-section04_inner > *:first-of-type {
		margin-top: 0;
	}
/* class name
---------------------------------*/

/* sustainabilityTop-heading01 */
	.sustainabilityTop-heading01 {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		height: 132px;
		background: url(/sustainability/images/index_bg01_sp.jpg) no-repeat 50% 0;
		background-size: cover;
	}
	.sustainabilityTop-heading01_inner {
		overflow: hidden;
		margin-top: 0;
		padding: 10px 15px 18px;
	}
	.sustainabilityTop-heading01_inner > h1{
		font-size: 18px;
		font-weight: bold;
		color: #fff;
	}

/* sustainabilityTop-heading02 */
	.sustainabilityTop-heading02 > h2{
		font-size: 25px;
		font-weight: bold;
		color: #333;
		text-align: center;
	}

/* sustainabilityTop-card */
	.sustainabilityTop-card-wrap {
		display: flex;
		flex-flow: row wrap;
		margin-top: 25px;
	}
	.sustainabilityTop-heading02 + .sustainabilityTop-card-wrap {
		margin-top: 35px;
	}
	.sustainabilityTop-card {
		display: flex;
	}
	.sustainabilityTop-card__type {
		position: relative;
		width: 100%;
		overflow: hidden;
		box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1);
		background-color: #fff;
		color: #333;
		text-align: left;
		text-decoration: none;
	}
	.sustainabilityTop-card__type {
		display: flex;
		flex-flow: row nowrap;
	}
	.sustainabilityTop-card__head {
		order: 2;
		width: 50%;
	}
	.sustainabilityTop-card .sustainabilityTop-card__head {
		display: flex;
		flex-shrink: 0;
	}
	.sustainabilityTop-card__image {
		width: 100%;
	}
	.sustainabilityTop-card__image > img{
		width: 100%;
		height: auto;
	}
	.sustainabilityTop-card__body {
		width: 50%;
		padding: 1.2em;
		display: flex;
		align-items: center;
		order: 1;
	}
	.sustainabilityTop-card__title {
		font-size: 15px;
		font-weight: bold;
	}
/* column */
	.sustainabilityTop-card-wrap[data-col-sp] > * {
			margin-top: 0;
	}
	[data-col-sp]:not([data-col-sp=auto]) > * {
			margin-top: 1.2em;
			margin-left: 15px;
	}
	[data-col-sp="1"] > :nth-child(1n+1) {
			margin-left: 0 !important;
	}
	[data-col-sp="1"] > :nth-child(-n+1) {
			margin-top: 0 !important;
	}
	[data-col-sp="1"] > * {
			width: 100%;
	}

/* sustainabilityTop-banner */
	.sustainabilityTop-banner {
		margin-top: 40px;
	}
	.sustainabilityTop-banner__type {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
	}
		.sustainabilityTop-banner__title {
		position: absolute;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		top: 0;
		left: 0;
		padding-left: 54%;
	}
	.sustainabilityTop-banner__title > span {
		font-size: 18px;
		font-weight: bold;
		display: inline-block
	}
	.sustainabilityTop-banner__title > span::after {
		width: 11px;
		height: 11px;
		display: inline-block;
		border-top: 1px solid;
		border-right: 1px solid;
		vertical-align: middle;
		content: "";
		transform: rotate(45deg);
		margin-left: 5px;
		top: 0;
	}


/* sustainabilityTop-section02 */
	#contentsContainer.sustainabilityTop .sustainabilityTop-section02 {
		position: relative;
		background: url("/sustainability/images/index_bg02.jpg");
		background-repeat: repeat;
		background-position: 50% 50%;
		background-size: 375px;
	}
	.sustainabilityTop-section02:before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(255,255,255,.8) 100%);
	}
	.sustainabilityTop-section02_inner {
		padding: 30px 15px 40px !important;
	}
	.sustainabilityTop-section02_heading02 >h2 {
		font-size: 25px;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
/* sustainabilityTop-section03 */
	#contentsContainer.sustainabilityTop .sustainabilityTop-section03 {
		margin-top: 35px;
	}
/* sustainabilityTop-card-v2 */
	.sustainabilityTop-card-v2-wrap {
		display: flex;
		flex-flow: row wrap;
		margin-top: 35px;
	}
	.sustainabilityTop-card-v2 {
		display: flex;
	}
	.sustainabilityTop-card-v2__type {
		position: relative;
		width: 100%;
		overflow: hidden;
		background-color: #333;
		color: #fff;
		text-decoration: none;
		box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
	}
	.sustainabilityTop-card-v2__type {
		display: flex;
		flex-flow: row nowrap;
	}
	.sustainabilityTop-card-v2__head {
		order: 2;
		width: 50%;
	}
	.sustainabilityTop-card-v2 .sustainabilityTop-card-v2__head {
		display: flex;
		flex-shrink: 0;
	}
	.sustainabilityTop-card-v2__image > img{
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.sustainabilityTop-card-v2__body {
		width: 50%;
		padding-left: 1.1em;
		display: flex;
		align-items: center;
		order: 1;
	}
	.sustainabilityTop-card-v2__title {
		font-size: 15px;
		font-weight: bold;
		color: #fff;
	}
/* column */
	.sustainabilityTop-card-v2-wrap[data-col-sp] > * {
			margin-top: 0;
	}
	[data-col-sp]:not([data-col-sp=auto]) > * {
			margin-top: 1.2em;
			margin-left: 15px;
	}
	[data-col-sp="1"] > :nth-child(1n+1) {
			margin-left: 0 !important;
	}
	[data-col-sp="1"] > :nth-child(-n+1) {
			margin-top: 0 !important;
	}
	[data-col-sp="1"] > * {
			width: 100%;
	}
	.sustainabilityTop-card-v2[data-card-sp=col]> [class*=__type] {
		display: block;
		padding: 0;
	}
	.sustainabilityTop-card-v2[data-card-sp=col]> .sustainabilityTop-card-v2__type {
		position: relative;
		width: 100%;
		overflow: hidden;
		background-color: #333;
		box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
	}
	.sustainabilityTop-card-v2[data-card-sp=col] .sustainabilityTop-card-v2__head {
		display: block;
		width: 100%;
	}
	.sustainabilityTop-card-v2[data-card-sp=col] .sustainabilityTop-card-v2__body {
		width: 100%;
		padding: 12px 15px 10px;
		justify-content: center;
	}

/* sustainabilityTop-story */
	.sustainabilityTop-story {
		margin-top: 35px;
	}
	.sustainabilityTop-story > .sustainabilityTop-story__item {
		position: relative;
		padding-bottom: 30px;
		margin-bottom: 50px;
	}
	.sustainabilityTop-story__item > *:first-child {
		margin-top: 0!important;
	}
	.sustainabilityTop-story > .sustainabilityTop-story__item:last-of-type {
		padding-bottom: 0;
		margin-bottom: 0;
		position: static;
	}
/* sustainabilityTop-card-wrap-v2 */
	.sustainabilityTop-card-wrap-v2 {
		margin-top: 45px;
		padding: 20px 15px;
		background-color: #f1ede6;
		box-sizing: border-box;
	}
	.sustainabilityTop-card-wrap-v2[data-col-pc]:not([data-col-pc=auto]) > * {
		margin-left: 10px;
	}
	.sustainabilityTop-card-wrap-v2[data-col-sp="2"] > * { width: calc(((100% - (10px)) / 2) - 0.1px); }
	.sustainabilityTop-card-wrap-v2[data-col-sp="3"] > * { width: calc(((100% - (20px)) / 3) - 0.1px); }
	.sustainabilityTop-card-wrap-v2[data-col-sp="4"] > * { width: calc(((100% - (30px)) / 4) - 0.1px); }
/* sustainabilityTop-section04 */
	#contentsContainer.sustainabilityTop .sustainabilityTop-section04 {
		position: relative;
		background: #f4f4f4;
	}
	.sustainabilityTop-section04_inner {
		padding: 35px 15px 0!important;
		position: relative;
	}
/* sustainabilityTop-card-v3 */
	.sustainabilityTop-card-v3 {
		display: flex;
		flex-flow: column wrap;
		background-color: #fff;
		box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
	}
	.sustainabilityTop-card-v3__type {
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.sustainabilityTop-card-v3__body {
		position: relative;
		padding: 15px 55px 15px 70px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		background-color: #333;
		color: #fff;
	}
	a:hover .sustainabilityTop-card-v3__body {
		background-color: #d7063b;
		text-decoration: none;
	}
	.sustainabilityTop-card-v3__title {
		font-size: 17px;
		font-weight: bold;
	}
	.sustainabilityTop-card__icon {
		position: absolute;
		width: 33px;
		top: 50%;
		left: 25px;
		transform: translateY(-50%);
	}
	.sustainabilityTop-card__icon > img {
		max-width: 100%;
	}
	.sustainabilityTop-card__caption {
		margin: 15px 15px 0;
		font-size: 15px;
		font-weight: bold;
	}
	.sustainabilityTop-card__detail {
		padding: 15px 15px 25px;
	}
	.sustainabilityTop-card__list > li {
		padding-left: 16px;
		background: url(/common/images/com_icn01.png) no-repeat 0 0.3em;
	}
	.sustainabilityTop-card__list > li + li {
		margin-top: 0.55em;
	}
	.sustainabilityTop-card__list-v2 > li {
		position: relative;
		padding-left: 12px;
	}
	.sustainabilityTop-card__list-v2 > li::before {
		display: block;
		position: absolute;
		width: 4px;
		height: 4px;
		left: 0;
		top: 10px;
		background-color: #000;
		border-radius: 2px;
		content: '';
	}
	.sustainabilityTop-card__list > li + li {
		margin-top: 0.55em;
	}
	.sustainabilityTop-card__list-nest {
		margin-top: 0.25em;
	}
	.sustainabilityTop-card__detail > *:first-of-type,
	.sustainabilityTop-card__list-nest > *:first-of-type {
		margin-top: 0 !important;
	}
/* sustainabilityTop-card-v4 */
	.sustainabilityTop-card-v4 {
		display: flex;
		flex-flow: column wrap;
		background-color: #fff;
	}
	.sustainabilityTop-card-v4__body {
		position: relative;
		padding: 15px 40px 15px 55px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		background-color: #333;
		color: #fff;
	}
	.sustainabilityTop-card-v4__title {
		font-size: 17px;
		font-weight: bold;
	}
	.sustainabilityTop-card-v4__icon {
		position: absolute;
		width: 33px;
		top: 50%;
		left: 20px;
		transform: translateY(-50%);
	}
	.sustainabilityTop-card-v4__icon > img {
		max-width: 100%;
	}
	.sustainabilityTop-card-v4__caption {
		margin: 15px 15px 0;
		font-size: 15px;
		font-weight: bold;
		line-height: 1.4;
	}
	.sustainabilityTop-card-v4__detail {
		padding: 15px 15px;
	}
	.sustainabilityTop-card__subtitle {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.sustainabilityTop-card__subtitle > span {
		display: inline-block;
		padding: 3px 12px;
		background-color: #0189c3;
		color: #fff;
		font-size: 14px;
	}
	.sustainabilityTop-card__detaillist {
		margin-top: 1.2em;
	}
	.sustainabilityTop-card__detaillist + .sustainabilityTop-card__detaillist {
		margin-top: 1.5em;
	}
	.sustainabilityTop-card__detaillist > dt {
		position: relative;
		padding-left: 20px;
		font-size: 14px;
		font-weight: bold;
	}
	.sustainabilityTop-card__detaillist > dt::before {
		display: block;
		position: absolute;
		width: 12px;
		height: 4px;
		top: 10px;
		left: 0;
		background-color: #d7083b;
		content: ''
	}
	.sustainabilityTop-card__detaillist > dd {
		margin-top: 0.5em;
		padding-left: 20px;
	}
/* reset
---------------------------------*/
	.sustainabilityTop img{
		width: 100%;
	}
	.sustainabilityTop .sum_pdf img{
		width: auto;
	}
}

/* clearFix
=================================*/
	#contentsContainer .society-media > .media-wrap:after {
		content: "";
		display: block;
		clear: both;
	}