.initiative {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.initiative__logo {
	height:52px;
}
.initiative__logo--ugg {
	width:77px;
}
.initiative__logo--hoka {
	width:104px;
}
.initiative__logo--teva {
	width:77px;
}
.initiative__photo {
	position:relative;
}
.initiative__link {
	display:block;
}
.initiative__link img {
	vertical-align:bottom;
}
.initiative__link:hover .initiative__button {
	background:#cfe7f3;
}
.initiative__button {
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	position:absolute;
	bottom:0;
	right:0;
	width:160px;
	height:44px;
	background-color:#e7e7e7;
	text-align:center;
	padding:14px 0;
	font-size:14px;
}

@media screen and (max-width: 767px) {
	.initiative {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.initiative__item {
		margin-top:8vw;
	}
	.initiative__item:first-of-type {
		margin-top:0;
	}
	.initiative__logo {
		height:13.3333333333vw;
	}
	.initiative__logo--ugg {
		width:77px;
	}
	.initiative__logo--hoka {
		width:104px;
	}
	.initiative__logo--teva {
		width:77px;
	}
	.initiative__photo {
		position:relative;
	}
	.initiative__link {
		display:block;
	}
	.initiative__link img {
		vertical-align:bottom;
	}
	.initiative__link:hover .initiative__button {
		background:#e7e7e7;
	}
	.initiative__button {
		-webkit-transition:none;
		transition:none;
		width:42.6666666667vw;
		height:11.7333333333vw;
		padding:4.2666666667vw 0;
		font-size:14px;
	}
}
.credo {
	width:750px;
	margin:0 auto;
}
.credo p {
	margin-bottom:0;
}
.credo__credit {
	text-align:right;
	margin-top:30px;
	font-size:12px;
	font-family:'Montserrat', sans-serif;
}

@media screen and (max-width: 767px) {
	.credo {
		width:100%;
		margin:0 auto;
		line-height:1.8;
	}
	.credo p {
		margin-bottom:0;
	}
	.credo__credit {
		text-align:right;
		margin-top:6.6666666667vw;
	}
}
.horizontal-sdgs {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.horizontal-sdgs__item {
	width:555px;
	margin-top:60px;
}
.horizontal-sdgs__item:nth-child(-n+2) {
	margin-top:0;
}
.horizontal-sdgs__ttl {
	background:#262e35;
	padding:13px 8px 13px 20px;
	color:#f90;
	font-size:2rem;
	position:relative;
	margin-bottom:20px;
}
.horizontal-sdgs__ttl::before {
	content:none;
}
.horizontal-sdgs__ttl::after {
	width:31px;
	height:29px;
	display:inline-block;
	content:'';
	position:absolute;
	top:10px;
	right:10px;
}
.horizontal-sdgs__ttl--01::after {
	background:url('/resources/img/responsibility/icon_01.png') 0 0 no-repeat;
	background-size:contain;
}
.horizontal-sdgs__ttl--02::after {
	background:url('/resources/img/responsibility/icon_02.png') 0 0 no-repeat;
	background-size:contain;
}
.horizontal-sdgs__ttl--03::after {
	background:url('/resources/img/responsibility/icon_03.png') 0 0 no-repeat;
	background-size:contain;
}
.horizontal-sdgs__ttl--04::after {
	background:url('/resources/img/responsibility/icon_04.png') 0 0 no-repeat;
	background-size:contain;
}
.horizontal-sdgs__ttl--05::after {
	background:url('/resources/img/responsibility/icon_05.png') 0 0 no-repeat;
	background-size:contain;
}
.horizontal-sdgs__ttl--06::after {
	background:url('/resources/img/responsibility/icon_06.png') 0 0 no-repeat;
	background-size:contain;
}
.horizontal-sdgs__ttl--07::after {
	background:url('/resources/img/responsibility/icon_07.png') 0 0 no-repeat;
	background-size:contain;
}

.sdgs-detail {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.sdgs-detail__icons {
	width:165px;
}
.sdgs-detail__description {
	width:360px;
}

.sdgs-icons {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.sdgs-icons__item {
	width:80px;
	margin-bottom:6px;
}

.sdgs-description__item {
	font-size:1.6rem;
	line-height:1.8;
	list-style-type:disc;
	margin-left:20px;
}

@media screen and (max-width: 767px) {
	.horizontal-sdgs {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.horizontal-sdgs__item {
		width:100%;
		margin-top:8vw;
	}
	.horizontal-sdgs__item:nth-child(-n+2) {
		margin-top:8vw;
	}
	.horizontal-sdgs__item:first-of-type {
		margin-top:0;
	}
	.horizontal-sdgs__ttl {
		padding:20px 15px 20px 16px;
		color:#f90;
		font-size:2rem;
		position:relative;
		margin-bottom:5px;
		line-height:1.2;
	}
	.horizontal-sdgs__ttl::before {
		content:none;
	}
	.horizontal-sdgs__ttl::after {
		width:31px;
		height:29px;
		display:inline-block;
		content:'';
		position:absolute;
		top:19px;
		right:15px;
	}
	.horizontal-sdgs__ttl--04::after {
		top:25px;
		right:15px;
	}

	.sdgs-detail {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.sdgs-detail__icons {
		width:100%;
	}
	.sdgs-detail__description {
		width:100%;
	}

	.sdgs-icons {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.sdgs-icons__item {
		width:16vw;
		margin-bottom:10px;
		margin-left:5px;
	}
	.sdgs-icons__item:first-of-type {
		margin-left:0;
	}

	.sdgs-description__item {
		font-size:1.6rem;
		line-height:1.8;
		list-style-type:disc;
		margin-left:24px;
	}
}
.report {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.report__item {
	width:360px;
	background-color:#f2f2f2;
	padding:30px;
}
.report__item--02 {
	width:550px;
	background-color:#f2f2f2;
	padding:30px;
}
.report__item--02 .report__pic {
	width:160px;
	margin:0 auto 20px;
}
.report__link {
	display:block;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}
.report__link:hover {
	text-decoration:none;
}
.report__link:hover .report__button {
	background:#cfe7f3;
}
.report__pic {
	width:93px;
	margin:0 auto 20px;
}
.report__year {
	font-family:'Montserrat', sans-serif;
	font-weight:bold;
	font-size:2rem;
	text-align:center;
	color:#262e35;
	margin-bottom:10px;
}
.report__ttl {
	font-family:'Montserrat', sans-serif;
	font-size:1.2rem;
	text-align:center;
	color:#999;
	margin-bottom:20px;
}
.report__button {
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	width:160px;
	height:44px;
	background-color:#fff;
	text-align:center;
	padding:14px 0;
	font-size:14px;
	margin:0 auto;
}

@media screen and (max-width: 767px) {
	.report {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.report__item {
		width:100%;
		padding:4vw;
		margin-top:4vw;
	}
	.report__item:first-of-type {
		margin-top:0;
	}
	.report__item--02 {
		width:100%;
		padding:4vw;
		margin-top:4vw;
	}
	.report__item--02 .report__pic {
		width:24.8vw;
		margin:0;
		margin-right:4vw;
	}
	.report__item--02:first-of-type {
		margin-top:0;
	}
	.report__link {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-transition:none;
		transition:none;
	}
	.report__link:hover {
		text-decoration:none;
	}
	.report__link:hover .report__button {
		background:#fff;
	}
	.report__pic {
		width:24.8vw;
		margin:0;
		margin-right:4vw;
	}
	.report__detail {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
		width:54.6666666667vw;
		position:relative;
	}
	.report__year {
		width:100%;
		font-size:2rem;
		text-align:left;
		margin-bottom:10px;
	}
	.report__ttl {
		font-size:1.2rem;
		text-align:left;
		margin-bottom:0;
	}
	.report__button {
		-webkit-transition:all 0.5s;
		transition:all 0.5s;
		width:160px;
		height:44px;
		background-color:#fff;
		text-align:center;
		padding:14px 0;
		font-size:14px;
		margin-left:auto;
		margin-top:20px;
	}
}
.past-report {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-top:50px;
}
.past-report__ttl {
	margin-right:30px;
}
.past-report__item {
	display:inline-block;
}
.past-report__item a:before {
	content:'|';
	display:inline-block;
	padding:0 10px;
}
.past-report__item:first-of-type a:before {
	content:none;
}

@media screen and (max-width: 767px) {
	.past-report {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		margin-top:30px;
	}
	.past-report__ttl {
		margin-right:15px;
	}
	.past-report__item {
		display:inline-block;
	}
	.past-report__item a:before {
		content:'|';
		display:inline-block;
		padding:0 10px;
	}
	.past-report__item:first-of-type a:before {
		content:none;
	}
}
.close {
	cursor:pointer;
	background:url('/resources/img/responsibility/close_grey.png') 0 0 no-repeat;
	width:18px;
	height:18px;
	background-size:cover;
	margin-top:-20px;
}

@media screen and (max-width: 767px) {
	.close {
		cursor:pointer;
		background:url('/resources/img/responsibility/close_grey.png') 0 0 no-repeat;
		width:18px;
		height:18px;
		background-size:cover;
		margin-top:-15px;
	}
}
