@charset "UTF-8";

main section h2 {
	color: #95AEB2;
	font-size: 32px;
}
main section h2 span {
	color: #2B3848;
	display: block;
	font-size: 16px;
}
.section article + article {
	margin-top: 70px;
}
.section article p {
	line-height: 1.8;
}
.section article p small {
	font-size: 14px;
}
.section article p.em {
	font-weight: bold;
	margin-top: 10px;
}
.section article ul {
	margin-bottom: 5px;
	margin-top: 5px;
}
.section article li {
	background-color: #F5F7F7;
	border-radius: 6px;
	margin-bottom: 15px;
	margin-right: 15px;
	padding: 3px 15px;
}
@media screen and (max-width: 1240px) {
	main section h2 {
		font-size: 2.8vw;
	}
	main section h2 span {
		font-size: 1.5vw;
	}
	.section article + article {
		margin-top: 6vw;
	}
	.section article p small {
		font-size: 1.3vw;
	}
	.section article p.em {
		margin-top: 1vw;
	}
	.section article ul {
		margin-bottom: .3vw;
		margin-top: .3vw;
	}
	.section article li {
		border-radius: .5vw;
		font-size: 1.4vw;
		margin-bottom: 1vw;
		margin-right: 1vw;
		padding: .3vw 1.2vw;
	}
}
@media screen and (max-width: 780px) {
	main section h2 {
		font-size: 5.4vw;
	}
	main section h2 span {
		font-size: 3.4vw;
	}
	.section article + article {
		margin-top: 10vw;
	}
	.section article p small {
		font-size: 3.2vw;
	}
	.section article p.em {
		margin-top: 3vw;
	}
	.section article ul {
		margin-bottom: .3vw;
		margin-top: .3vw;
	}
	.section article li {
		border-radius: .5vw;
		font-size: 3.4vw;
		margin-bottom: 2vw;
		margin-right: 2vw;
		padding: 1vw 3vw;
	}
}

/** -- section_1 -- **/
.section_1 {
	margin-bottom: 120px;
}
.section_1 p {
	margin-top: 30px;
}
@media screen and (max-width: 1240px) {
	.section_1 {
		margin-bottom: 12vw;
	}
	.section_1 p {
		margin-top: 2.5vw;
	}
}
@media screen and (max-width: 780px) {
	.section_1 {
		margin-bottom: 18vw;
	}
	.section_1 p {
		margin-top: 5vw;
	}
}

/** -- section_2 -- **/
.section_2 {
	margin-bottom: 100px;
}
.section_2 .inner {
	flex-direction: row-reverse;
	position: relative;
}
.section_2 .inner::after {
	background-color: #F5F7F7;
	content: '';
	display: block;
	position: absolute;
	left: calc(50% - 140px);
	top: 130px;
	height: 480px;
	width: 1100px;
	z-index: -1;
}
.section_2 figure {
	margin-left: auto;
	padding-top: 10px;
	width: 480px;
}
.section_2 .text {
	width: 50%;
}
@media screen and (max-width: 1240px) {
	.section_2 {
		margin-bottom: 9vw;
	}
	.section_2 .inner::after {
		left: 42vw;
		top: 11vw;
		height: 40vw;
		width: 50vw;
	}
	.section_2 figure {
		margin-right: -4vw;
		padding-top: 1vw;
		width: 40vw;
	}
	.section_2 .text {
		width: 52vw;
	}
}
@media screen and (max-width: 780px) {
	.section_2 {
		margin-bottom: 14vw;
	}
	.section_2 .inner {
		flex-direction: column;
	}
	.section_2 .inner::after {
		left: -6vw;
		top: 20vw;
		height: 80vw;
		width: 100vw;
	}
	.section_2 figure {
		margin-bottom: 8vw;
		margin-right: -6vw;
		padding-top: 0;
		width: 70vw;
	}
	.section_2 .text {
		width: 100%;
	}
}

/** -- section_1 -- **/
.section_3 {
	margin-bottom: 120px;
}
.section_3 .inner_2 {
	flex-direction: row-reverse;
	margin-bottom: 70px;
	margin-top: 100px;
}
.section_3 figure {
	width: 400px;
}
.section_3 .box {
	margin-left: 60px;
	width: calc(100% - 400px - 60px);
}
.section_3 .inner_2 .box {
	margin-left: 0;
	margin-right: 60px;
}
@media screen and (max-width: 1240px) {
	.section_3 {
		margin-bottom: 10vw;
	}
	.section_3 .inner {
		align-items: center;
	}
	.section_3 .inner_2 {
		margin-bottom: 70px;
		margin-top: 100px;
	}
	.section_3 figure {
		width: 30vw;
	}
	.section_3 .box {
		margin-left: 3vw;
		width: calc(100% - 30vw - 3vw);
	}
	.section_3 .inner_2 .box {
		margin-left: 0;
		margin-right: 3vw;
	}
}
@media screen and (max-width: 780px) {
	.section_3 {
		margin-bottom: 18vw;
	}
	.section_3 .inner {
		align-items: flex-start;
		flex-direction: column;
	}
	.section_3 .inner_2 {
		margin-bottom: 10vw;
		margin-top: 12vw;
	}
	.section_3 figure {
		margin-bottom: 8vw;
		width: 100%;
	}
	.section_3 figure img {
		width: 100%;
	}
	.section_3 .box {
		margin-left: 0;
		width: 100%;
	}
	.section_3 .inner_2 .box {
		margin-left: 0;
		margin-right: 0;
	}
}

/** -- esg -- **/
.esg {
	padding-bottom: 150px;
	padding-top: 100px;
}
.esg h2 {
	margin-bottom: 40px;
}
.esg .inner {
	justify-content: space-between;
}
.esg article {
	width: calc(33.3333% - 25px);
}
.esg article figure {
	margin-bottom: 30px;
}
.esg article h3 {
	color: #95AEB2;
	font-size: 20px;
	margin-bottom: 5px;
}
@media screen and (max-width: 1240px) {
	.esg {
		padding-bottom: 12vw;
		padding-top: 8vw;
	}
	.esg h2 {
		margin-bottom: 3vw;
	}
	.esg article {
		width: calc(33.3333% - 1.5vw);
	}
	.esg article figure {
		margin-bottom: 2vw;
	}
	.esg article h3 {
		font-size: 1.8vw;
		margin-bottom: .5vw;
	}
}
@media screen and (max-width: 780px) {
	.esg {
		padding-bottom: 8vw;
		padding-top: 14vw;
	}
	.esg h2 {
		margin-bottom: 8vw;
	}
	.esg article {
		margin-bottom: 10vw;
		width: 100%;
	}
	.esg article figure {
		margin-bottom: 5vw;
	}
	.esg article h3 {
		font-size: 4vw;
		margin-bottom: 1vw;
	}
}

/** -- page_link -- **/
.page_link {
	margin-bottom: 0;
	padding-bottom: 150px;
}
@media screen and (max-width: 1240px) {
	.page_link {
		padding-bottom: 12vw;
	}
}
@media screen and (max-width: 780px) {
	.page_link {
		padding-bottom: 16vw;
	}
}